如何防止可以在禁用按钮上打开 Foundation 下拉菜单？

Question

我使用的是当前版本的 Foundation。我已经实现了一个内容下拉列表，我在单击按钮时显示它。问题是：在某些情况下我禁用按钮。在这种情况下，应该无法打开内容下拉菜单。但是仍然可以在点击时打开下拉菜单，即使按钮已禁用。

有什么办法可以防止吗？

Answer 1

确实需要查看一些代码或示例 pen。您是否尝试过使用阻止默认功能？ event.preventDefault();

Answer 2

 <button type="button" id="ptorEditDocuments" class="button pull-left button-center sm" data-dropdown="bl-document-edit-dropdown" aria-controls="bl-document-edit-dropdown" aria-expanded="false" title="Edit" ng-disabled="documents.length<1">
                            <i class="ic ic-edit-sm-blk"></i>
                        </button>

解决方案是，某些控件未正确定义。那是以前实施的错误。我是基础新手，没有#t直接得到它。

谢谢大家。

如何防止可以在禁用按钮上打开 Foundation 下拉菜单？

How to prevent that Foundation dropdown can be opened on disabled button?

javascript

zurb-foundation

dropdownbox

disabled-control