Плагин jQuery Quicksand с методом.click

Question

Я пытаюсь добавить эту функцию.click к каждому изображению, которое сортирую с помощью плагина quicksand для jQuery.

$('li img').click(function() {

    var verticalCenter = ($(window).height() - $('#popupContent').height() ) /2;
    var horizontalCenter = ($(window).width() - $('#popupContent').width() ) /2;

    $('#popupContent').css('top', verticalCenter);
    $('#popupContent').css('left', horizontalCenter);
    $('#backgroundPopup').fadeIn('slow');
    $('#popupContent').fadeIn('slow'); 

});

Он создаст всплывающее окно правильно, но после сортировки он перестанет работать. Документация предлагает...

"Когда ваши элементы имеют функциональные улучшения (например, всплывающие подсказки), не забудьте использовать функцию обратного вызова, чтобы применить их к новым клонированным объектам:

$("#content").quicksand($("#data > li"), 
  {
    duration: 1000,
  }, function() { // callback function
    $('#content a').tooltip();
  }
);

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

Answer 1

Вместо .click использование .live('click',function(){}); Это приведет к повторной привязке к событию, поскольку они перемещаются / клонируются по всему DOM (пока ваш селектор не изменится).