Question

目前我的代码会在单击时导致图像发生变化，但是此代码在php HTML循环中，所以事情变得棘手，单击一个切换使得每个故事的切换都会激活，因为它基于CSS运行。如何让它们独立交换？

<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>

Answer 1

在函数内使用$（this）而不是$（“。buy”），$（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>

希望Javascript Button的图像彼此独立交换

1 个答案: