Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击一个按钮即可打开和关闭功能_Javascript_Jquery_Jquery Ui - Fatal编程技术网

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

Javascript 单击一个按钮即可打开和关闭功能,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我有一个按钮#sort,在这里我设置了sortable()jQuery UI函数。它可以工作,但我希望它还有一个功能:当我第二次点击同一个按钮时,我想禁用这个功能。我该怎么办 $('#sort').click(function(){ $( "#sortable" ).sortable(); $( "#sortable" ).disableSelection(); }); 提前感谢您。您可以: $('#sort').click(functio

我有一个按钮#sort,在这里我设置了sortable()jQuery UI函数。它可以工作,但我希望它还有一个功能:当我第二次点击同一个按钮时,我想禁用这个功能。我该怎么办

   $('#sort').click(function(){
       $( "#sortable" ).sortable();
       $( "#sortable" ).disableSelection();       
   });
提前感谢您。

您可以:

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

$('#sort').click(function(){
   if ($("#sortable").hasClass("ui-sortable")) {
       $("#sortable").sortable("disable");
       $("#sortable").removeClass("ui-sortable");
   } else {
       $("#sortable").sortable("enable");
       $("#sortable").removeClass("ui-sortable-disabled");
   }
});
要禁用排序,请执行以下操作:

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

    // use case
    $('#sort').click(function(){
          var isEnabled = $( "#sort" ).sortable( "option", "disabled" );
          if(isEnabled) {
           $( "#sort" ).sortable( "disable" );   // disable sorting    
       });
要启用排序,请执行以下操作:

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

    // use case
    $('#sort').click(function(){
          var isEnabled = $( "#sort" ).sortable( "option", "disabled" );
          if(isEnabled) {
           $( "#sort" ).sortable( "disable" );   // disable sorting    
       });
要禁用排序,请执行以下操作:

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

    // use case
    $('#sort').click(function(){
          var isEnabled = $( "#sort" ).sortable( "option", "disabled" );
          if(isEnabled) {
           $( "#sort" ).sortable( "disable" );   // disable sorting    
       });
要启用排序,请执行以下操作:

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

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

你想删除排序表还是只禁用链接,这样它就不会调用排序表两次?我想删除排序表()你想删除排序表还是只禁用链接,这样它就不会调用排序表两次?我想删除排序表()嗯,这很奇怪。您的代码运行良好,但只有一次,第二次我想通过单击同一个按钮启用它,它不再是可排序的。@ LIPCONO——尝试<代码>。可排序(“启用”)< /COD>而不是空白构造。它不起作用:在2次单击之后,我们有两个类:UI可排序和UI可排序。disabled@lipenco该死,等一下,我们需要写一个更长的逻辑语句。@lipenco——试试看……我们不应该手动删除这些类,但这可能会导致问题。嗯,这很奇怪。您的代码运行良好,但只有一次,第二次我想通过单击同一个按钮启用它,它不再是可排序的。@ LIPCONO——尝试<代码>。可排序(“启用”)< /COD>而不是空白构造。它不起作用:在2次单击之后,我们有两个类:UI可排序和UI可排序。disabled@lipenco该死,等一下,我们需要写一个更长的逻辑语句。@lipenco——试试看……我们不应该手动删除这些类,但这可能会导致问题。嗯,这很奇怪。您的代码运行良好,但只运行了一次,这是我第二次想通过单击同一个按钮来启用它,它不再是可排序的。在代码的最后一行添加以下行:else{$(“#sort”).sortable(“enable”)}@嗯,这很奇怪。您的代码运行良好,但只运行了一次,这是我第二次想通过单击同一个按钮来启用它,它不再是可排序的。在代码的最后一行添加以下行:else{$(“#sort”).sortable(“enable”)}@利彭科