jQuery ui分离按钮故障

Question

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

例如：jsFiddle

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

在谷歌的Chrome版本33.0.1750.152和Firefox 28.0测试

Answer 1

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