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