css - 火狐 CSS :active not working together with sortable (works in IE & chrome)

Question

用一个例子更容易解释:http://jsfiddle.net/ymt9azmm/

问题:(在 firefox 中)当我使用 jquery sortable 单击 td 移动表中的行时，光标没有更改为“指针”:http://bit.ly/1sM8ewX

它适用于 Chrome 和 IE - 所以在 Chrome 中打开 fiddle 文件并查看差异

HTML:

<table border="1" id="sortable">
    <tbody class="ui-sortable">
        <tr id="order-4" style="opacity: 1;" class="">
            <td class="handle ui-sortable-handle"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1</td>
            <td>name1</td>
        </tr>
        <tr id="order-4" style="opacity: 1;" class="">
            <td class="handle ui-sortable-handle"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</td>
            <td>name2</td>
        </tr>
    </tbody>
</table>

CSS:

#sortable td:hover { 
    cursor: s-resize;
}
#sortable td:active{ 
    cursor: pointer;
}

js: (还有 jquery && jquery-ui)

$(function() {
    $( "#sortable tbody" ).sortable();
    $( "#sortable" ).disableSelection();
});

总结一下:css: #sortable td:active{cursor: pointer;} 在 FireFox 中不起作用光标不会变为指针。

如何让它在 Firefox 中也能正常工作？

谢谢

Answer 1

我不知道这是否有帮助，但它不喜欢你的 jquery。如果你去掉下面两行，它就起作用了:

$("#sortable tbody").sortable();
$("#sortable").disableSelection();