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

Question

我正在使用 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); 

};

请建议是否有任何其他好的方法来解决这个问题。提前致谢

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

在 api 中阅读更多关于stop的内容。