Question

我正在尝试将此.click函数添加到我使用jQuery的quicksand插件排序的每个图像

$('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中被移动/克隆（只要你的选择器没有改变）。

使用.click方法的jQuery quicksand插件

1 个答案: