在表格行上使用带有下拉菜单的 jQuery UI 拆分按钮ui-state-disabled
将使某些菜单选项无法访问。为什么?
示例:jsFiddle
试图选择Partner 2
选项几乎是不可能的。
在 Google Chrome 版本 33.0.1750.152 和 Firefox 28.0 中测试
在表格行上使用带有下拉菜单的 jQuery UI 拆分按钮ui-state-disabled
将使某些菜单选项无法访问。为什么?
示例:jsFiddle
试图选择Partner 2
选项几乎是不可能的。
在 Google Chrome 版本 33.0.1750.152 和 Firefox 28.0 中测试
似乎是与 z-index 相关的问题;该行有 a ui-state-disabled
,这会影响具有相同 z-index 的元素。
我通过向菜单 ul-li 添加更高的 z-index 来修复它。
代码:
<ul style="z-index:1">
<li><a href="?op=viewPromotions" idpartner="0">All partners</a>
</li>
<li><a href="?op=viewPromotions&idPartner=1" idpartner="3">Partner 1</a>
</li>
<li><a href="?op=viewPromotions&idPartner=2" idpartner="1">Partner 2</a>
</li>
</ul>
演示:http: //jsfiddle.net/IrvinDominin/zEeb2/