jquery - 可排序表中的 JQuery SelectBox 不起作用

Question

我想对包含 SelectBoxes 的表进行排序。当我使表格可排序时，SelectBoxes 不会下拉。

此 JQuery 和 UI 版本正在使用中...
jquery-1.9.1.js
jquery-ui-1.9.1.js

我希望有一个人可以帮助我。

这是代码...

HTML

    <table id="sort">
        <thead>
        <tr>
            <th>AAA</th>
            <th>BBB</th>
            <th>CCC</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>111</td>
            <td>222</td>
            <td>
                <select name="s1">
                    <option value="1">v1</option>
                    <option value="2">v2</option>
                    <option value="3">v3</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>333</td>
            <td>444</td>
            <td>
                <select name="s2">
                    <option value="1">v1</option>
                    <option value="2">v2</option>
                    <option value="3">v3</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>555</td>
            <td>666</td>
            <td>
                <select name="s3">
                    <option value="1">v1</option>
                    <option value="2">v2</option>
                    <option value="3">v3</option>
                </select>
            </td>
        </tr>
    </tbody>
    </table>

jQuery

<script type="text/javascript">

var fixHelper = function(e, ui) {
    ui.children().each(function() {
        $(this).width($(this).width());
    });
    return ui;
};

$("#sort tbody").sortable({
        helper: fixHelper,
    stop: function(event, ui) {
            $( 'div[id$=_pos_view]' ).each(function( index ) {
                $(this).html(index);
            });     

            $("input:checkbox[name$=__active]").each(function( index ) {
                $(this).data('pos', index);
            });     
    }
}).disableSelection();

</script>

Answer 1

刚刚遇到同样的问题。你必须删除

.disableSelection()

请参阅支持票 #8947

还要检查更新的http://jsfiddle.net/PKCF9/2/

Answer 2

我可以通过添加这一行来解决这个问题

 $("ul.ef_sortable").sortable({
      cancel: "select"
});