如何指示 jQuery 执行 jQuery 函数并忽略本机点击事件?

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
});
});