Question

导航中有一个按钮，点击事件应该显示：阻止最初设置为显示的ul：无

HTML -

 <a href=""><i class="mdi-navigation-menu small right" id="lines3"></i></a>
        </nav>

        <ul class="collection center" id="drop-navv" style="display:none">
          <li class="collection-item">Alvin</li>
          <li class="collection-item">Alvin</li>
          <li class="collection-item">Alvin</li>
          <li class="collection-item">Alvin</li>
        </ul>

Js -

  $(document).ready(function() {
    $('#lines3').on('click', function() {
        $("#drop-navv").css("display", "block");
        });
    // other click event
    });

但是只要我点击按钮就可以了，但是会立即重新加载页面！它已经几个小时但仍然无法弄清楚它为什么会发生！ PS：我使用的是物化框架。评论中提到的其他点击事件正在发挥作用。

Answer 1

您需要阻止点击处理程序的默认设置。

首先，我要将href更改为href='#'，然后添加此内容。

$('#lines3').on('click', function(e) {
    e.preventDefault();
    //your other code here
});

这会阻止链接在有人点击时转到任何地方。

页面将在点击事件中自动重新加载。无法确定原因？

1 个答案: