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/