带有.click方法的jQuery流沙插件

Question

我正在尝试将这个 .click 函数添加到我使用 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 中被移动/克隆（只要你的选择器没有改变）。