javascript - jQuery.toggle - 在交替单击时执行两个或多个处理程序

Question

我有一个按钮可以打开编辑模式:显示一些#edit_bar并打开 .selectable() :

$('#edit_mode').click(function() {
  $('#edit_bar').slideToggle("slow", function() {
    $('#foo').selectable("enable");
  });
});

我希望禁用.selectable()当第二次单击按钮时(关闭编辑模式)。

我想知道最好的方法。有.toggle()方法来做到这一点，但它现在被非常不同的东西所取代。

• Old toggle-event (已弃用，但非常适合我的需要)
• New toggle method

Answer 1

为此设置一个标志怎么样？它将设置一个切换效果，以便每次调用单击函数时都会检查该标志并执行适当的函数:

var flag = true;
$('#edit_mode').click(function() {
  $('#edit_bar').slideToggle("slow", function() {
  if(flag == true) {
       $('#foo').selectable("enable");
       flag = false;
    }
    else {
       $('#foo').selectable("disable");
       flag = true;
    }
  });
});