我有一个简单的问题。我是jQuery和JavaScript的新手。
我正在尝试编写一个简单的jQuery事件处理程序,当我将它们悬停在页面上时,它将在页面上突出显示li。我试过:
$( 'li' ).on('mouseover', function(evt) {
$( evt.target ).effect( 'highlight', {}, 1000 );
});
并且它不起作用。它不会产生错误,但是没有结果。
但是,如果我尝试类似的方法:
$( document ).on('mouseover', function(evt) {
$( evt.target ).effect( 'highlight', {}, 1000 );
});
我可以通过鼠标悬停突出显示任何想要的DOM元素。
我将事件处理程序放置在js文件的末尾,并显示了第二种方法,即使动态生成的DOM元素也可以突出显示而不会出现问题。但是,如果我尝试通过标签甚至是类来选择DOM元素,那么我将无法产生任何效果。
尝试委派这样的文档,因为您定位的是动态内容:
$( document ).on('mouseover', 'li', function(evt) {
$( evt.target ).effect( 'highlight', {}, 1000 );
});
您可能需要阅读此事件委托。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句