更改 jquery 可排序列表时按钮未显示答案

【问题标题】：Button is not showing up when jquery sortable list is changed更改 jquery 可排序列表时按钮未显示
【发布时间】：2013-05-13 15:34:44
【问题描述】：

我正在使用 jquery 可排序功能，并且我有一个可排序的列表，现在我希望在用户更改排序顺序时显示保存排序顺序按钮，否则不应显示该按钮。我已经编写了自己的函数 showButton 并在 jquery 可排序函数的更新属性中调用它，但它不起作用。下面是我的代码：

    <script>      
    $(function() {
    $( "#sortable" ).sortable({
        placeholder: "ui-state-highlight",
        cursor: 'crosshair',
        update: function(event, ui) {
            var order = $("#sortable").sortable("toArray");
            $('#sorted_order').val(order.join(","));
           showButton();

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

function showButton()
{   

 var field = "#somefield_id";//is the field after which I want my button to show up

 $node = '<input type="submit" id="saveBtn" value="save Order">';

 $(field).after($node); 

};

请建议是否有任何其他好的方法。提前致谢

【问题讨论】：

标签： jquery html jquery-ui

【解决方案1】：

我假设您只希望用户在完成排序后能够看到按钮。在这种情况下，请使用“停止”。例如：

$( "#sortable" ).sortable({
        placeholder: "ui-state-highlight",
        cursor: 'crosshair',
        update: function(event, ui) {
            var order = $("#sortable").sortable("toArray");
            $('#sorted_order').val(order.join(","));
        },
        stop: function() {
            showButton();
        }
});

在stop 的 api 中了解更多信息。

【讨论】：