我是 jQuery 的新手。我认为 jQuery 可以操作代码添加的元素是合理的,但我发现它现在不能。
$(function(){
$("#addVideo").click(function(){
$("#publisher").append("<div id='choseType'><input type='button' value='video'> <input value='music' type='button'> <input type='button' value='X'></div>");
})
$("#choseType input:eq(0)").click(function(){
$(this).addClass("selected");
})
})
是 jquery 的限制还是我的代码的错误?似乎如果我将第二个 click()
函数放入第一个它会正确运行,但它只会运行一次(如果我删除附加的 #choseType
并附加再次单击将不起作用。)。那么我如何操作代码添加的元素?谢谢!
最佳答案
将事件委托(delegate)给非动态元素:
$(document).on('click', "#choseType input:eq(0)", function(){
$(this).addClass("selected");
});
ID 是唯一的!
关于javascript - jQuery 可以操作插入的元素吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10377060/