如何延迟 .live() 直到 UI 更新？

Question

我正在使用 jQuery 和 jQuery UI，我试图通过添加 jQuery UI 按钮在 false 和 true 之间切换的“aria-pressed”属性来读取复选框状态。

$('.slideButton').live('click', function() {

alert($(this).attr('aria-pressed'));

});

然而，此代码似乎在 jQuery UI 更新 aria-pressed 之前读取了 aria-pressed。所以我的价值观不可靠。我可以安排它在 UI 更新后执行还是可以让它等待？

这里是实例！

Answer 1

您不能将侦听器添加到标签或跨度后面的实际复选框吗？

$("#days_list li div div div input[type='checkbox']").change(function(){
     alert("Someone just clicked checkbox with id"+$(this).attr("id"));
});

这应该有效，因为一旦您单击标签，您就会更改复选框中的值。

---

好吧，我已经为您编写了一个现场示例，演示了其工作原理的总体思路，并且如何检索复选框的状态。

$("#checkbox_container input").change(function(){
    if($(this).is(":checked")) alert("Checked!");
    else alert("Unchecked!");
});

在您的情况下，由于复选框是由 JQuery 动态添加的，您必须使用实时事件，但它基本上是相同的事情

$("#checkbox_container input").live("changed"....

这是一个示例，其中包含一些额外的脚本和检查，主要用于演示目的。

Answer 2

您可以在切换完成后使用回调执行 alert($(this).attr('aria-pressed'));。

$('.slidebutton').toggle(1000, function(){

    alert($(this).attr('aria-pressed'));
});

我不太确定您是否使用 .toggle() 但您需要使用回调来确保顺序执行。