jquery - 为什么这个 jquery 文本切换不起作用？

Question

好的，不确定代码中发生了什么情况会切换类，但是当您再次单击它时，很明显该类已被删除，但文本仍保持不变“已锁定...”并且不会更改回原始状态.

这是 jQuery 代码

$("#sprv").click(function() {
                 $(this).toggleClass('btn_active');

                 $(".prv").text("Make private?");

                 }, function(){

                 $(this).toggleClass('btn_active');

                 $(".prv").text("Locked...");
});

<span class="prv">Make private?</span>

有人可以告诉我我做错了什么以及如何解决这个问题吗？提前致谢

Answer 1

您正在将两个函数传递到点击处理程序中。您不能这样做(它将第一个函数解释为事件数据，将第二个函数解释为处理程序 - 请参阅 http://api.jquery.com/click/ )。您只需传递一个事件处理程序。它可以处理这两种情况，如下所示:

$('#sprv').click(function() {
    $(this).toggleClass('btn_active');
    $('.prv').text($(this).hasClass('btn_active') ? 'Locked...' : 'Make private?');
});

首先它切换类，然后使用 jQuery.hasClass()确定它是否具有 btn_active 类。它总是更新文本，但它根据状态使用一个值(由刚刚切换的类确定)。