функция .click не работает для меня

Question

У меня в скрипте много функций jquery, но конкретная не работает, это моя функция

  $('#delete').click(function() {
          var id = $(this).val();
          $.ajax({
                     type: 'post',
                     url: 'update.php',
                     data: 'action=delete&id=' + id ,
                     success: function(response) {
                             $('#response').fadeOut('500').empty().fadeIn('500').append(response);
                             $(this).parent('tr').slideUp('500').empty();
                           }
                 });        
         });

аналогичная функция, как это работает

<!-- WORKING FUNCTION -->
$('#UpdateAll').click(function() {
            $.ajax({
            type: 'post',
            url: 'update.php',
            data: 'action=updateAll',

            success: function(response) {
                $('#response').fadeOut('500').empty().fadeIn('500').append(response);

                $('#table').slideUp('1000').load('data.php #table', function() {
                    $(this).hide().appendTo('#divContainer').slideDown('1000');
                });
            }
            });     
        });

Я проверил с помощью firebug, консоль не показывает никаких ошибок, я проверил HTML-источник, значения загружаются правильно, я проверил мой php-файл 5 раз, это правильно, не могу понять проблему. Пожалуйста, помогите.

Answer 1

Я боролся с ТОЧНОЙ ЖЕ ПРОБЛЕМОЙ в течение 6 часов подряд! решение состояло в том, чтобы использовать jquery 'live'.

И это все.

$('#submit').live('click',function(){
...code...
});

Answer 2

С первым я бы добавил быструю и неприятную alert() в анонимную функцию щелчка, чтобы обеспечить ее запуск. Устраните причины, по которым он может не работать. Кроме того, попробуйте использовать заголовки Live HTTP или консоль Firebug, чтобы узнать, отправляется ли запрос AJAX.

Если щелчок не срабатывает, проверьте, правильно ли выбран селектор. Я часто делаю это (довольно неприятно)

var testSelector = 'p:first ul li:last';

$(testSelector).css( { border: '1px solid red' } );

Это не всегда будет видно, но если вы увидите style = "border: 1px solid red" `в сгенерированной разметке, вы знаете, что ваш селектор находится на шаре.

Возможно, у вас есть еще один щелчок, который перезаписывает его? Попробуйте использовать

$('#delete').bind('click', function() {
  // do it
});

Answer 3

$(document).on('click', '#selector', function(){
     // do something
});

jQuery 1.7+ устарел .live () и теперь использует .on () вместо:)

Answer 4

У меня была та же проблема с быстрым примером, над которым я работал. Решением было поставить клик внутри $ (document) .ready. Я пытался использовать свой элемент, прежде чем он был фактически готов к использованию.

Базовый JavaScript - ждать, пока DOM не будет готов, прежде чем пытаться использовать элемент, но ... по какой-то причине я забыл это сделать, так что, возможно, с вами произошло то же самое.

Answer 5

Просто используйте .click с $(document).ready(function(){ ... });, потому что вы пытаетесь применить событие click к несуществующему элементу.

Answer 6

Я не знаю, применимо ли это к вашему контексту, но если у вас есть части страницы, которые загружаются AJAX, вам нужно будет привязать обработчики кликов после загрузки этого контента, то есть $ (документ ). уже не собирается работать. Я сталкивался с этой проблемой несколько раз, когда определенные события будут срабатывать нормально до тех пор, пока части страницы не будут перезагружены, а затем внезапно события перестают срабатывать.

Answer 7

Я думаю, что вы должны использовать функцию .on() для динамического запуска кода в jQuery, например:

$(document).on("click","#delete",function(){ });

Answer 8

Есть несколько вещей, которые вы можете сделать:

1. как предложили Элмо Галлен и Шоз Эх, введите ваш код в $(document).ready(function(){...});
2. код вашей $('#delete').click(function(){...}); обработки событий ПОСЛЕ вашего <button> тега,
3. используйте $('#submit').live('click',function(){...});, как предложил Парикшит Тивари.

Каждый из них должен работать нормально.

РЕДАКТИРОВАТЬ: ой, не видел, что это спросили '09: D

Answer 9

Вместо id = delete я изменил его на class = delete в html и в js ('. Delete') и теперь работает нормально но при повторной попытке с идентификатором это не работает.

Спасибо всем за помощь, у меня нет никаких проблем, будь то идентификатор или класс, просто функция теперь работает.

Answer 10

Это длинный выстрел, но это полезно знать. http://code.google.com/p/fbug/issues/detail?id=1948

Может не быть проблемой, если вы не используете Firefox 3.5.