jQuery ui分裂按钮故障

Question

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

示例：jsFiddle

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

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

Answer 1

似乎是与z指数相关的问题;该行有一个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/