0

プロジェクトでjquery ライトボックスを使用していますが、少しカスタマイズしたいのですが... 基本的には、各ポップアウト ライトボックスの拡大画像の上部にタイトルを追加しています。これで、画像を含むアンカー タグのクラスに応じてタイトルが変わります。私には 3 つのクラスがあり、各クラスのタイトルには異なるテキストがあります。

ここに私のJSfiddleがあり、私が何をしようとしているのかを確認できます...

ご覧のとおり、ライトボックス アニメーションが有効になっている場合、別の a-tag クラスの画像に移動しても、「My Text」のタイトルは変わりません...

助言がありますか？私のJSコードを見てください

4

1 に答える 1

1

.is の代わりにhasClassを使用します。Jquery hasClass はブール型です

$(function() {
   $('#gallery a').lightBox();

   var A = "Text for A";
   var B = "Text for B";
   var C = "Text for C";   
   $('#gallery').find('a').click(function (){



   if ($(this).haClass('classA')) {
          $('#lightbox-title-data-span1').html(A);
        };
   if ($(this).haClass('classB')) {
             $('#lightbox-title-data-span1').html(B);
        };

   if ($(this).haClass('classC')) {
             $('#lightbox-title-data-span1').html(C);
        };



       })

});​
于 2012-08-17T11:44:54.853 に答える