【问题标题】:jQuery live span not updating until a second clickjQuery live span 直到第二次点击才更新
【发布时间】:2011-10-23 22:28:10
【问题描述】:

要查看此内容,请转至http://offline.raileisure.com/

在预订部分的右侧,选择站长住宅,然后选择 8 月 15 日的入住日期。然后选择4天...

好的

现在返回并选择其他日期,即 8 月 29 日。

这 4 天应该取消选择,但直到您进一步点击其他任何地方...

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

取消勾选#spanduration我正在使用:

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

但是直到你在任何地方第二次点击它才会起作用。

【问题讨论】:

  • 你在使用 jquery UI 日期选择器吗?

标签: javascript jquery live attr


【解决方案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);
        }
    });
});

【讨论】:

    【解决方案2】:

    在输入模糊之前,不会在文本输入上触发 change 事件。

    您可以尝试在填充日期后手动模糊输入(不利于可访问性)。或者更好的是,在填充日期后自己手动触发更改事件。例如

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

    在此处查看完整示例:http://jsfiddle.net/irama/rJGpn/

    编辑:查看您的代码,似乎有机会(当您实例化日期选择器时)将其插入回调函数:

    $('#date').datepicker({
        // ...
        onSelect: function (e) {
            // ...
    
            $('#date').trigger('change');
        }
        // ...
    

    让我们知道你的进展!

    【讨论】:

    • 嘿@Lee 你好吗?你能触发改变吗?如果您需要更多帮助,请告诉我们。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-08-28
    • 2014-03-22
    • 1970-01-01
    相关资源
    最近更新 更多