Включение и выключение события клика ⇐ Jquery

[Anonymous]

Я чувствую, что должен быть более простой способ сделать это, чем каждый раз повторно выполнять весь код события клика.
В «большом» режиме мне не нужно наложение, поэтому я отключил его. Но я хочу, чтобы он работал, когда я переключусь обратно в режим «по умолчанию» или «smol».
Мои кнопки изменения размера:

Код: Выделить всё

[url=javascript:false]Small[/url]
[url=javascript:false]Default[/url]
[url=javascript:false]Big[/url]

// my generated content
My content 1
My content 2
// etc.

Моя функция размера:

Код: Выделить всё

function sizer(sz) {
// a bunch of CSS to resize my content

if (sz=="big") {
enableOverlay(false);
}
else {
enableOverlay(true);
}
}

Включение и выключение функции наложения щелчка (фактически, каждый раз уничтожая и воссоздавая ее)

Код: Выделить всё

function enableOverlay(state){
if (state) { // sizer is 'default' or 'smol'
// set article to show overlay when clicked
$( "article" ).on("click", function(){
// build the contents of the overlay on-the-fly for this article
var aside = $(this).find("aside");
var o = $("#overlay");
o.contents().remove(); //destroy old content
o.append(aside[0].innerHTML); // add new content
o.css("display","block");
});
}
else { // sizer is 'big'
// disable article click event
$( "article" ).off();
}
}

function hideOverlay(){
// hide when clicked
$("#overlay").hide()
}

И, конечно же, я начинаю в режиме по умолчанию:

Код: Выделить всё

$( document ).ready(function() {
enableOverlay(true);
});

Нет ли способа сохранить привязку события клика, но временно отключить его?

Подробнее здесь: https://stackoverflow.com/questions/792 ... on-and-off