javascript - 无法多次执行 jQuery 函数

Question

我有以下功能:

$('#edit').on("click", function () {
    $('#edit').text('click1');
    $('table a').click(function (e) {
        e.preventDefault();
    });
    $('table a').css("cursor", "default");

        }
    });
    $('#edit').click(function () {
        $('#edit').unbind();
        $('#edit-message-placeholder').empty();
        $('#edit').text('click2');
        $("table tbody").sortable("disable");
        $('table a').unbind()
        $('table a').css("cursor", "auto");

    });
});

第一次单击时，我希望它更改 div#edit 的文本。第二次单击时，它将把文本更改为其他内容。第三次单击时，该函数的行为就像第一次单击一样。

我尝试在网上寻找解决方案，但没有发现任何有用的信息。

Answer 1

问题是你处理这个问题的方法不正确。您不需要绑定(bind)/取消绑定(bind)事件处理程序。您只需要一个功能交替的事件处理程序:

JavaScript

var isOkay = true;
$("p").click(function () {
    if (isOkay) {
        $(this).text("1st click");
    } else {
        $(this).text("2nd click");
    }
    isOkay = !isOkay;
})

HTML

<p>Click me!</p>

每次 <p>单击后，它会执行一个操作，然后切换 bool 变量 isOkay 的值。 。这意味着它将在if之间交替。和else堵塞。请注意 isOkay变量保存在 $("p").click(...) 的范围之外事件处理程序。

fiddle