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');
    }     
});

单击一次按钮即可打开和关闭功能

3 个答案: