1

PrettyPhotoライトボックスを使用していますが、画像に「アクティブ」なクラスがない限り、ライトボックスが開かないようにしています。これは、コンテンツ フロースクリプトで使用され、アクティブなクラスを中央のフォーカスされた画像に追加します。画像には「アイテム」のクラスがあります。contentflow の制約により、タグではなくタグに画像を含める必要があるため、 data-href を使用しています。次のコードを試しました：

HTML

   <div class="item"  title="Image" data-href="image.jpg" data-rel="prettyPhoto">
   <img  alt="image" src="thumb.jpg" /></div>

脚本

$('#gallery').on('click', '.item:not(.active)', function (e) {
e.preventDefault();
e.stopPropagation();
});

 $('.item[data-href]').each(function() { 
 $(this).attr('href', $(this).attr('data-href'));
  });

 $(".item").prettyPhoto();

いずれにせよ、すべての画像がライトボックスで開きます。私もこれを試しました：

$('.item:not(.active)').off('click');

私はまだjQueryを学んでいるので、誰かが私を正しい方向に向けることができれば幸いです!

4

1 に答える 1

1

を使用する代わりに、$(".item").prettyPhoto();単に言ってみません$(".active").prettyPhoto();か?

于 2012-10-01T21:16:22.637 に答える