selektor klasy jQuery nie działa

Question

Próbuję wygenerować alert, gdy znacznik zakotwiczenia z określoną klasą zostanie kliknięty wewnątrz elementu div.

Moja sekcja html w pytaniu wygląda następująco ...

<div id="foo"> 
    <a class='bar' href='#'>Next</a> 
</div> 

Sekcja jQuery jest następująca ..

$('.bar').click(function() 
{ 
    alert("CLICKED"); 
}); 

Moim problemem jest to, że nie mogę dostać ten alert wymyślić, Myślę, że poprawnie wybieram klasę "dalej", ale z jakiegoś powodu jej nie podniesie. Próbowałem też prawie wszystkiego na tym page, ale nic nie działa. Jeśli nie spróbuję podać znacznika zakotwiczenia, np. $ ("# Foo"), kliknij (function() ... to działa, ale w tym dziale będzie wiele znaczników zakotwiczenia, więc po prostu wywołaj alert gdy kliknięcie div nie będzie działało dla tego, czego potrzebuję. Strona, na której się znajduje, to wyszukiwarka korzystająca z ajax do wysyłania informacji do do_search.php. W obrębie do_search.php podejmuję decyzje dotyczące stronicowania w oparciu o liczbę znalezionych wyników, oraz jeśli jest to możliwe, może zostać utworzony następny, poprzedni, ostatni i pierwszy link:

EDYCJA: Właśnie to rozgryzłem, to było moje położenie funkcji .next, ponieważ nie zostało utworzone na początku załadowanie dokumentu, ale zamiast tego po zwróceniu wyniku, przeniosłem funkcję .next do części sukcesu funkcji ajax, ponieważ tam właśnie będą tworzone przyciski, jeśli będą potrzebne, teraz to działa.

Answer 1

Spróbuj użyć polecenia live():

$(".bar").live("click", function(){ alert(); });

Bo załadować przycisk za pomocą AJAX zdarzenie kliknięcia nie jest z nim powiązane. Jeśli użyjesz komendy live(), automatycznie połączy ona zdarzenia ze wszystkimi elementami utworzonymi po załadowaniu strony.

Więcej szczegółów here

Answer 2

Na pewno brakowało Ci $(document).ready(). Twój kod powinien być:

$(document).ready(function(){ 
     $('.bar').click(function() 
     { 
     alert("CLICKED"); 
     }); 
    }); 

Mam nadzieję, że to pomoże. Pozdrawiam

Answer 3

1. Upewnij się, że prawidłowo podałeś JQuery Library.
2. Upewnij się, że scenariusz został napisany między $(document).ready() in short $(function(){ });

Demo: http://jsfiddle.net/W9PXG/1/

<div id="foo"> 
    <a class='bar' href='#'>Next</a> 
</div> 

$(function(){ 
$('a.bar').click(function() 
    { 
    alert("CLICKED"); 
}); 
}); 

Answer 4

.live jest teraz przestarzała i jest wybrana odpowiedź w tej sprawie. Odpowiedź znajduje się w komentarzach w wybranej odpowiedzi powyżej. Oto rozwiązanie, które rozwiązało to dla mnie:

$(document).on('click','.bar', function() { alert(); }); 

Dzięki @Blazemonger za poprawkę.