0

ポートフォリオサイトを作っています。ドキュメントの準備ができたときにクラスを追加し、ホバー時にそのクラスを削除/別のクラスに変更しようとしています。ロード時とホバー時に画像に lightgallery と CSS gram フィルターを使用しています。

$(document).ready(function() {
$("#gallery li a").load(function(){
    $($(this).find("img")[0]).addClass("inkwell");
});
$("#gallery li a").hover(function(){
    $($(this).find("img")[0]).removeClass("inkwell").addClass("mayfair");
}); });

上記の jQuery コードはうまく機能していないようです。

助けてください、ありがとう。

4

1 に答える 1

1

アンカーはロードされません。アンカーは最初からそこにあり、ロードする外部リソースがないため、onloadハンドラーはありません。

$(document).ready(function() {
    $("#gallery li a img").addClass("inkwell");

    $("#gallery li a").on({
      mouseenter : function() {
        $(this).find("img").removeClass("inkwell").addClass("mayfair");
      },
      mouseleave : function() {
        $(this).find("img").removeClass("mayfair").addClass("inkwell");
      }
    }); 
});

コードペン

于 2016-10-09T11:44:32.780 に答える