Question

我正在使用javascript来隐藏和显示何时单击图像。单击图像时出现的问题不会出现在页面顶部。我尝试添加锚#top但无法使其工作。有人可以告诉我如何使用提供的代码执行此操作吗？

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
    var option = 'coke';
    var url = window.location.href;
    option = url.match(/option=(.*)/)[1];
    showDiv(option);
  });
  function showDiv(option) {
    $('.boxes').hide();
    $('#' + option).show();
  }
</script>
<style type="text/css">
  .boxes {
  display: none;
  }
</style>
<a name="top"></a>
<div class="boxes" id="coke"><img src="image1.gif"></div>
<div class="boxes" id="bubble-tea"><img src="image2.gif"> </div>
<div class="boxes" id="milk"><img src="image3.gif"> </div>
<p>
<ul>
  <li><a href="javascript:showDiv('coke')"><img src="image1.gif"></a></li>
  <li><a href="javascript:showDiv('bubble-tea')"><img src="image2.gif"></a></li>
  <li><a href="javascript:showDiv('milk')"><img src="image3.gif"></a></li>
</ul>
</p>

Answer 1

我明白了。

<a href="javascript:showDiv('coke')">

更改为：

<a href="#" onclick="javascript:showDiv('coke')">

Javascript：showDiv add anchor #top

1 个答案: