值属性为空,但输入字段不是

时间:2012-09-26 11:11:16

标签: javascript jquery html forms

我在不幸的情况下通过jquery在dom中插入一个输入字段。

但是,当我在输入字段内写入时,它的'值不会改变。

你以前见过这种行为吗?如果是这样你怎么处理它?<​​/ p>

只是为了澄清

在这个问题中没有代码示例,因为错误不能通过简单的几行代码重现。我将不得不包括我不允许透露的部分应用程序。因此,我在问人们是否看到了类似的行为,以及在哪里可以看到它。

1 个答案:

答案 0 :(得分:1)

如果你的意思是事件处理程序没有为动态添加的元素执行,这可能是一个经典错误,如

<强> HTML:

<div id="container">
    <div class="box">Box</div>
</div>

<强> JavaScript的:

$('.box').on('click', function() {
    alert('box clicked');
});
var newBox$ = $('<div>').addClass('box').html('Box');
$('#container').append(newBox$); // clicks on this box will not be handled.

但是如果你稍微改变那个JavaScript,那么动态添加元素的事件将根据你的需要进行处理:

如何更改

$('#container').on('click', '.box', function() {
    alert('box clicked');
});
var newBox$ = $('<div>').addClass('box').html('Box');
$('#container').append(newBox$); // clicks on this box will be handled.

通过这种方式,您将事件处理程序绑定到容器,并在事件冒泡时调用相应的事件处理程序。