jquery - jQuery ui 拆分按钮故障

Question

在表格行上使用带有下拉菜单的 jQuery UI 拆分按钮ui-state-disabled将使某些菜单选项无法访问。为什么？

示例：jsFiddle

试图选择Partner 2选项几乎是不可能的。

在 Google Chrome 版本 33.0.1750.152 和 Firefox 28.0 中测试

Answer 1

似乎是与 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&amp;idPartner=1" idpartner="3">Partner 1</a>

    </li>
    <li><a href="?op=viewPromotions&amp;idPartner=2" idpartner="1">Partner 2</a>

    </li>
</ul>

演示：http: //jsfiddle.net/IrvinDominin/zEeb2/