on前面的元素也必须在页面加载的时候就存在于dom里面。动态的元素或者样式等,可以放在on的第二个参数里面,
在jQuery中,如果你动态追加的元素上的事件失效,那么很可能是因为你在元素还未被添加到DOM中就绑定了事件。解决这个问题的方法是使用事件委托,事件委托可以在不直接绑定到每个元素的情况下,为未来可能会添加到DOM中的元素添加事件监听器。
$(document).on('click', '.your-new-element-class', function() {
// 处理点击事件
console.log('Element clicked!');
});