Question

这是我到目前为止所得到的，我似乎无法让它发挥作用..

单击其他图像时，我想要显示id="hap_text"的图像。

<script>
$(function() {
    $('.touch_bg #touch_hap').click(function(e) {
        e.preventDefault();
        $('#hap_text').toggleClass('hidden');
    });
});
</script>

<div class="container touch_bg">
    <div>
        <a href="#"><img id="touch_hap" src="img/info/lefttouch.png"></a>
        <img id="hap_text" class="hidden" src="img/info/habitattext.png">
    </div>
</div>

和css是：

.hidden {
    display: none;
}

Answer 1

未捕获的ReferenceError：$未定义

不要忘记包含jQuery。否则，您的代码看起来很好。

<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>

$(function() {
  $('.touch_bg #touch_hap').click(function(e) {
    e.preventDefault();
    $('#hap_text').toggleClass('hidden');
  });
});

.hidden {
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="container touch_bg">
  <div>
    <a href="#">
      <img id="touch_hap" src="img/info/lefttouch.png">
    </a>
    <img id="hap_text" class="hidden" src="img/info/habitattext.png">
  </div>
</div>

如何使用javascript将图像转换为链接到另一个图像的链接？

1 个答案: