1

jQueryを使用して一連のリンクされたロールオーバー画像があります。リンクをクリックしたら、ロールオーバー画像のクラスを「rollover」から「rollover2」に変更して、別の画像セットを取得したいと思います。ロールオーバー画像の jQuery は次のとおりです。

$(document).ready(function() {
$("img.rollover").hover( 
function() { this.src = this.src.replace("_off", "_on"); 
}, 
function() { this.src = this.src.replace("_on", "_off"); 
});
$("img.rollover2").hover( 
function() { this.src = this.src.replace("_off2", "_on2"); 
}, 
function() { this.src = this.src.replace("_on2", "_off2"); 
});
});

リンクされた画像のコードは次のとおりです。

<a href="Mod1/index.html" target="_blank">
<img src="images/watch_off.png" class="rollover" />
</a>

最初のロールオーバーはうまく機能しますが、ここから訪問済みリンクプラグインを使用して、リンクされた画像のクラス名を「rollover2」に変更しようとしました:

<script src="js/jquery.visited.js"  type="text/javascript"></script>
<script type="text/javascript">
$('#links a').visited(function () {
  // hides the li element
  $(this).img.removeClass("rollover");
  $(this).img.addClass("rollover2");
});
</script>

これはうまくいかないようです。これで私を助けてくれる人はいますか？

4

2 に答える 2

2

メソッドを使用できますfind()。これを試してください：

$('#links a').visited(function () {
  $(this).find('img').removeClass("rollover");
  $(this).find('img').addClass("rollover2");
});
于 2012-07-19T20:45:17.490 に答える
0

これはうまくいくはずです、

$(this).find('img').removeClass("rollover");
$(this).find('img').addClass("rollover2");

またはそれ以上、

 $(this).find('img').removeClass("rollover").addClass('rollover2');
于 2012-07-19T20:46:57.910 に答える