jQuery live span 在第二次单击之前不会更新

Question

要查看此信息，请访问

预订右侧的 http://offline.raileisure.com/路段，选择站长之家，然后选择入住日期8月15日。然后选择 4 天...

好的

现在返回并选择另一个日期 8 月 29 日。

4 天应该取消选择，但直到您在其他任何地方进一步单击后才会出现...

我想我需要更新实时属性。但不确定。

取消勾选我正在使用的#spanduration：

$('input[name="duration"]').removeAttr('checked');
$("#spanduration").attr("style", "background-position: 0px 0px;");

但只有在您在任意位置进行第二次单击之前它才起作用。

Answer 1

也许是因为它是一个单选按钮。

尝试将其更改为复选框？

如果没有选中其他按钮，单选按钮不喜欢被取消选中：

<input type="radio" value="0" name="duration">
<input type="radio" value="1" name="duration">
<input type="radio" value="2" name="duration">
<input type="radio" value="3" name="duration">

并且独立

<input type="radio" value="0" name="other_name">

另一方面，复选框相互取消选中：（注意名称类似于数组）

<input type="checkbox" value="0" name="duration[]">
<input type="checkbox" value="1" name="duration[]">
<input type="checkbox" value="2" name="duration[]">
<input type="checkbox" value="3" name="duration[]">

并且独立

<input type="checkbox" value="0" name="other_name">

您可以编写类似这样的内容以具有独立复选框的能力，并且也可以分组单选按钮的优点： http://jsfiddle.net/LJJrZ/

$(document).ready(function(){
    var selector = "input[type=checkbox]";
    $(selector).click(function(event){
        var checked = $(this).is(':checked');
        if ( checked ) {
            $(selector).attr("checked", false);
            $(this).attr("checked", true);
        }
    });
});

Answer 2

在输入模糊之前，更改事件不会在文本输入上触发。

您可以尝试在填充日期后手动模糊输入（对于可访问性来说不太好）。或者更好的是，在填充日期后自己手动触发更改事件。例如，请

//...
// After date is populated
$('#date').trigger('change');
//...

参阅此处的完整示例： http://jsfiddle.net/irama/rJGpn/

编辑：查看您的代码，看起来有机会（当您实例化日期选择器时）将其插入到回调函数中：

$('#date').datepicker({
    // ...
    onSelect: function (e) {
        // ...

        $('#date').trigger('change');
    }
    // ...

让我们知道您的进展！