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

【问题标题】：How to prevent that Foundation dropdown can be opened on disabled button?如何防止在禁用按钮上打开 Foundation 下拉菜单？
【发布时间】：2015-08-03 11:44:51
【问题描述】：

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

有什么办法可以预防吗？

【问题讨论】：

标签： javascript zurb-foundation dropdownbox disabled-control

【解决方案1】：

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

【讨论】：

【解决方案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>

解决方案是，某些控件未正确定义。这是先前实现的错误。我是基金会的新手，并没有直接得到它。

谢谢大家。

【讨论】：