2

jQueryのquicksandプラグインを使用して、並べ替える各画像にこの.click関数を追加しようとしています。

$('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();
  }
);

このコードをどこに置いて、私の場合に機能するように変更するかわからないので、助けてください。

4

1 に答える 1

2

.click使用する代わりに.live('click',function(){});これは、イベントがDOM全体で移動/複製されるときにイベントに再バインドされます（セレクターが変更されない限り）。

于 2011-01-30T03:42:55.943 に答える