Класс jQuery изменился только один раз

Question

Я меняю стиль кнопки, когда через jQuery, когда нажимается кнопка. Ниже приведен код.

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#btnDiv .down").click(function() { 
      $(this).addClass("click"); 
     }); 
    }); 

Так как я вложил #btnDiv в UpdatePanel выше функциональность действует только один раз. В чем причина и проблема в работе.

Answer 1

При рендеринге вашей обновленной панели вам необходимо выполнить этот javascript еще раз, иначе бывшее связанное событие не было после обновления.

Посмотрите на jQuery.on()

Если у вас есть JQuery версии, прежде чем 1.7, вам, возможно, придется использовать функцию .delegate() или .live().

Так что ваш код может быть:

$(document).ready(function() { 
     $("#btnDiv .down").on("click",function() { 
      $(this).addClass("click"); 
     }); 
    }); 

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

Answer 2

Предполагая, что «UpdatePanel» динамически меняет свое содержание. Затем вам нужно использовать функцию jquery .on() (или .delegate()) для привязки событий для динамически обновляемых элементов.