Question

谢谢Ganesh“onclick =”返回false;“有效：D

所以我用本教程做了一个onclick下拉菜单：clickable dropdown menu。问题是当我点击按钮打开下拉菜单时，网站会刷新。我怎么能改变它？

这是HTML：

<div id="menuebutton">
  <ul class="no-js">
    <li>
      <a href="" class="clicker"><img src="files/KH-Homepage/menue_button.png" alt="Icon"></a>
      <ul>
        <li><a href="#">Dashboard</a></li>
        <li><a href="#">Settings</a></li>
        <li><a href="#">Privacy</a></li>
        <li><a href="#">Help</a></li>
        <li><a href="#">Sign out</a></li>
      </ul>
    </li>
  </ul>
</div>

这是jquery：

$(function () {
  $('#menuebutton > ul').toggleClass('no-js js');
  $('#menuebutton .js ul').hide();
  $('#menuebutton .js').click(function(e) {
    $('#menuebutton .js ul').slideToggle(200);
    $('.clicker').toggleClass('active');
    e.stopPropagation();
  });
  $(document).click(function() {
    if ($('#menuebutton .js ul').is(':visible')) {
      $('#menuebutton .js ul', this).slideUp();
      $('.clicker').removeClass('active');
    }
  });
});

我尝试使用chrome，firefox和我的android浏览器

Answer 1

您可以使用 e.preventDefault() 来阻止锚点的默认操作：

$('.click-nav .js').click(function(e) {
    e.preventDefault();
    // Rest of your code here
});

单击按钮时不刷新（下拉列表）

1 个答案: