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

debugcn 发表于 Dev

莲花

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

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

像这样

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

查询

$(document).ready(function(){

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

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

});

在return false从关闭抽屉/模态停止超链接。但它也不允许 #addMediaPlylistsItems 显示。并且preventDefault()什么都不做。pointer-events: none;在 css 中使用会取消超链接上的所有事件（即悬停、点击、一切）。

还有其他建议吗？

编辑

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

对不起，如果这听起来令人困惑。我只是在尝试很多东西。

提前致谢

卢卡斯劳伦斯

我不确定你想做什么，但如果你想显示和隐藏内容，最好是：

$(document).ready(function(){

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

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

});

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。