Question

由于某种原因，我使用了超链接来隐藏/显示没有问题的另一个div，但是有一个给我带来麻烦。问题可能在其他地方，但是我想在对脚本文件造成严重破坏之前先确定超链接是问题。

简单的隐藏div，需要在单击超链接按钮时显示。

<a id="addItemTrigger" class="btn-floating">
     <i class="material-icons">add</i>
</a>
<div id="addMediaPlylistsItems" class="col"> Something </div>

jQuery

$(document).ready(function(){

   $("#addMediaPlylistsItems").hide();

   $('#addItemTrigger').click(function (event) {
        return false
        // event.preventDefault();
        $("#addMediaPlylistsItems").show();
    });

});

return false阻止超链接关闭抽屉/模式。但它也不允许显示#addMediaPlylistsItems。 preventDefault()根本不执行任何操作。在CSS中使用pointer-events: none;会取消超链接上的所有事件（即，悬停，单击所有内容）。

还有其他建议吗？

编辑

我将<a>更改为<div>，并且其行为方式相同，因此是单击事件触发了抽屉的关闭。也许不是超链接本身，我需要使用另一个不是click（）的事件。

抱歉，这听起来令人困惑。我只是在尝试很多事情。

预先感谢

Answer 1

我不确定您想做什么，但是如果您想显示和隐藏内容，则最好像这样：

$(document).ready(function(){

   $("#addMediaPlylistsItems").hide();

   $('#addItemTrigger').click(function () {
        $("#addMediaPlylistsItems").toggle();
//toggle = hide and show
    });

});

如何指示jquery执行jquery功能并忽略本机click事件？

1 个答案: