0

現在、クリックすると画像が変わるコードがありますが、このコードは php HTML ループ内にあるため、ややこしくなっており、CSS に基づいて動作しているため、1 つのトグルをクリックすると、すべてのストーリーでトグルがアクティブになります。それらを個別にスワップするにはどうすればよいですか?

<script type="text/javascript">
 $(".buy").toggle(
      function() { $(".buy").css("background-image", "url(play3.png)");},
  function() { $(".buy").css("background-image", "url(play.png)");});
</script>
     <div class="layer1"> <span class="buy" id="{STORIES.story_id}6">
     <input type="image"   class="test"></input></span>
4

1 に答える 1

1

function 内で $(".buy") の代わりに $(this) を使用します。$(this) はその特定のボタンを明確に参照しますが、$(".buy") はクラス「buy」を持つすべての要素を参照します。

<script type="text/javascript">
 $(".buy").toggle(
      function() { $(this).css("background-image", "url(play3.png)");},
  function() {$(this).css("background-image", "url(play.png)");});
</script>
于 2013-03-05T04:38:24.680 に答える