Firefox css :活动，不能与sortable一起工作(适用于IE和chrome)

Question

用一个例子来解释它要容易得多：http://jsfiddle.net/ymt9azmm/

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

它可以在Chrome和IE中工作，所以在Chrome中打开小提琴文件，看看有什么不同

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();