Question

我一直在制作fadein fadeout图片幻灯片。我使用hoverizr来利用灰度效果。 Catch是，当图像在当前幻灯片上时，拇指应该是彩色图像。

根据给定的场景，我一直在尝试在每张幻灯片后添加/删除类。我已成功在所有图像上添加了灰度类，但无法删除当前图像上的灰度。

问题是，是否可以使用javascript传递元素ID然后在jQuery中检索它？代码示例如下：

 <script>
 function updateThumbs(element_id){
      var elem = element_id;
      $('#slide a img').addClass('greyScale')
      $('#' + elem).removeClass('greyScale');
 }
 </script>
 <div id="slide">
      <a onClick="updateThumbs('image_1');">
        <img src="..." id="image_1" class="greyScale">
      </a>
      <a onClick="updateThumbs('image_2');">
        <img src="..." id="image_2" class="greyScale">
      </a>
 </div>

Answer 1

是的，你可以在这个庄园中使用jQuery。但是，我会在document.ready而不是html中连接事件。您可以将click事件放在图像上而不是锚点上。

$(document).ready(function() {
    $("#slide img").click(function () {
        $('#slide img').addClass('greyScale');
        $(this).removeClass('greyScale');
    });
});

jsFiddle

的完整示例

另请注意addClass()声明中缺少的分号。

jQuery - 是否可以使用javascript来表达id

1 个答案: