Jquery ui .sortable() 启用-禁用

Question

首先，让我解释一下我的页面结构，以便您了解它是如何工作的。我有一些快捷按钮 block 。它们可以通过 Jquery ui .sortable() 方法排序，但只能在按 settings 按钮(允许快速按钮排序)之后进行。稍后，可以保存或取消该按钮的顺序。所以我需要查看由 click 事件触发的 3 个条件。问题是，第一次一切正常，但第二次当我尝试按下按钮 settings - sortable() 方法不再工作。

你可以在下面看到我的JS:

    $('#tune-hot-links').click(function () { //Click "settings" button  
            $(".sect-hot-links-inner").sortable();
            $(".sect-hot-links-inner").disableSelection();      
    });
    $('.button-editgroup button.button-save').click(function () {   //Click "save" button       
            $(".sect-hot-links-inner").sortable('disabled');
            $(".sect-hot-links-inner").enableSelection();               
    });
    $('.button-editgroup button.button-cancel').click(function () { //Click "cancel" button 
            $(".sect-hot-links-inner").sortable('cancel');
            $(".sect-hot-links-inner").sortable('disabled');
            $(".sect-hot-links-inner").enableSelection();   
    });

我已经尝试将 #tune-hot-links 处的 .sortable() 更改为 .sortable('enable')事件。而且它不起作用。

Answer 1

嗯，我不知道为什么，但似乎改变代码是这样的:

$('#tune-hot-links').on( "click", function() {      
            $(".sect-hot-links-inner").sortable("enable");          
    });
    $('.button-editgroup button.button-save').on( "click", function() {         
            $(".sect-hot-links-inner").sortable("disable");
    });

    $('.button-editgroup button.button-cancel').on( "click", function() {   
            $(".sect-hot-links-inner").sortable('cancel');
            $(".sect-hot-links-inner").sortable("disable");
            $(".sect-hot-links-inner").enableSelection();   
    }); 

解决了该问题。