Zdarzenie click click jQuery na 1000 divs, zoptymalizować podejście?

Question

Buduję system sprzedaży biletów na imprezy. Obecnie istnieje około 1000 różnych miejsc do wyboru jako gość. Maby pewnego dnia będzie to 5000.

Teraz mam div dla każdego miejsca, a następnie jQuery, aby zachować miejsce z ajaxem. Tak, że meens, że mam około 1000 div i bardziej alarmujące mój selektor jQuery ustawia zdarzenie click na każdym div.

Czy istnieje lepsze podejście w tej kwestii?

Chcę aktywować ajax po naciśnięciu przycisku div, nie ponownie ładując strony.

Answer 1

Zastosowanie .delegate():

$("#container").delegate(".child", "click", function(){ 
    alert("Clicked!"); 
}); 

ten sposób będziesz zrobić tylko jedno zdarzenie, które zarządza wszystkimi DIV.

Answer 2

Użyj "delegacji wydarzeń", tzn. Raz związaj zdarzenie click, a nie do każdego div, ale do div, który otacza twoje 1000 div. W module obsługi można pobrać element dla elementu div, który został kliknięty, przez obiekt "zdarzenia" przekazany do obsługi.

Answer 3

prostu użyć jQuery metodę delegacji:

$('.theater').delegate('.seat','click',function(event){ 
    var self = $(event.target); 
    console.log(self); 
    // self is the '.seat' element that has been clicked. 
}); 

Answer 4

Możesz chcieć sprawdzić SO wątku, to może być przydatna. Ze swojego wpisu trudno jest to stwierdzić, ale w tym przypadku może być dostępna opcja mapy obrazu. Using JQuery hover with HTML image map

Answer 5

Podejście to nazywa się delegowaniem zdarzeń i jest tak, jak wyjaśnia Ash. jQuery ma kilka metod, aby pomóc tutaj. live() i nowszy przedstawiciel() http://api.jquery.com/delegate/ który jest nieco bardziej precyzyjny.

Wiąże jedno zdarzenie z kliknięciem z elementem, który jest aparentem wszystkich obiektów div, które są zainteresowane, a kliknięcie na nich powoduje zbuforowanie obiektu DOM w celu przechwycenia przez obiekt nadrzędny. W tym momencie możesz zrobić to, czego potrzebujesz.