javascript - 一键开启和关闭功能

Question

我有一个按钮#sort，我在其中设置了 sortable() jQuery UI 函数。它可以工作，但我希望它具有更多功能：当我第二次单击同一个按钮时，我想禁用此功能。我应该怎么办？

   $('#sort').click(function(){
       $( "#sortable" ).sortable();
       $( "#sortable" ).disableSelection();       
   });

先感谢您。

Answer 1

你可以做：

$('#sort').click(function(){
   if ($("#sortable").hasClass("ui-sortable")) {
       $("#sortable").sortable("disable");
       $("#sortable").removeClass("ui-sortable");
   } else {
       $("#sortable").sortable("enable");
       $("#sortable").removeClass("ui-sortable-disabled");
   }
});

Answer 2

要禁用排序：

$("#sort").sortable('disable');

要启用排序：

$("#sort").sortable('enable');    

    // use case
    $('#sort').click(function(){
          var isEnabled = $( "#sort" ).sortable( "option", "disabled" );
          if(isEnabled) {
           $( "#sort" ).sortable( "disable" );   // disable sorting    
       });

Answer 3

$('#sort').click(function(){
    if (!($(this).hasClass('sortable'))){
        $("#sortable" ).sortable();
        $(this).addClass('sortable');
    }else{
        $("#sortable" ).sortable("disable" );
        $(this).removeClass('sortable');
    }     
});