可排序表中的 JQuery SelectBox 不起作用答案

【问题标题】：JQuery SelectBox in Sortable Table does not work可排序表中的 JQuery SelectBox 不起作用
【发布时间】：2013-06-01 12:12:58
【问题描述】：

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

此 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>

【问题讨论】：

你可以为这个@jsfiddle.net 做一个小提琴吗？
你好饥饿痛苦你可以看看jsfiddle.net/PKCF9 ...问题在于排序工作，但我无法打开选择框... tahnx Talki
它似乎对我有用..你在什么浏览器上测试这个？
我刚刚测试了 IE10，在这里它可以工作......但不能在 Firefox 中

标签： jquery html-table jquery-ui-sortable

【解决方案1】：

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

.disableSelection()

See support ticket #8947

同时检查更新的http://jsfiddle.net/PKCF9/2/

【讨论】：

欢迎您，如果您认为这个答案有用，请采纳，以便其他人更容易找到..

【解决方案2】：

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

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

【讨论】：