1

我刚刚从 jquery 1.5.2 升级到 1.10.2。我将所有 .live() 调用更改为 .on()。但是由于某种原因，一个特定的按钮不再起作用。这是逻辑：

$("#add_to_rule").on("click", function()   {            
        console.log('inside add');
        //only add if no validation errors.
        if  ( ($('#contact_details').val().length == 0) ) {
            $('#validation_error').html("There is no information to add");
            return false;
        }
        var emess = $("#validation_error").text();
        if ( emess.length == 0 )  { 
                add_routing_entry();            
                update_call_routing_tag();      
        }
    });

它永远不会在控制台中打印“内部添加”消息。在控制台窗口中，我进行了测试以确保元素存在并返回正确的值。以下是我在控制台中的一些测试结果：

$('#add_to_rule').val();
"Add to Rule"
$('#add_to_rule').on("click");
<input id=​"add_to_rule" type=​"button" class=​"submit" value=​"Add to Rule">​

我还尝试从控制台窗口更改按钮上的值作为测试，如下所示：

$('#add_to_rule').val("test");
[
<input id=​"add_to_rule" type=​"button" class=​"submit" value=​"test">​
]

它确实更新了我按钮上的文本。

最后，为了它的价值，我已经通过添加以下行删除了它正在拾取的 jquery 库的版本：

console.log(jQuery.fn.jquery);

它打印 1.10.2。

任何关于我可能做错的建议将不胜感激。谢谢。

4

1 回答 1

4

将其绑定到最近的静态父元素，使用这样的事件委托动态添加元素：

$(document).on("click","#add_to_rule", function()   {
于 2013-10-14T15:22:32.810 回答