新创建的元素上的jQuery Trigger mouseover事件

时间:2014-03-06 03:28:27

标签: jquery

我想触发锚标记的鼠标悬停事件(在飞行元素上)

jQuery(document).ready(function($){
    $('a.new_element').on('trigger("mouseover")', function(){
        do_my_stuff_here();
    })
})

编辑:是的,我想出了如何在该锚元素上附加鼠标悬停事件,我想要的是在动态创建某个元素之后触发鼠标悬停事件(在页面加载期间)。

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:2)

要附加活动,请使用.on

$("a.new_element").on("mouseover", ...);

要在新添加的元素上触发事件,请使用.trigger

$("<a>").appendTo("body").trigger("mouseover");

如果您确实需要检测DOM更改,请使用DOMSubtreeModified事件:

$("body").on("DOMSubtreeModified", function(){
    //However, determining "new" elements is another challenge.
    //Maybe the new MutationObserver could help
    somehowYouHaveTheElementsList.trigger("mouseover");
});

答案 1 :(得分:1)

你需要:

$('a.new_element').on("mouseover", function(){
    do_my_stuff_here();
})

或者如果您的意思是event delegation,那么您可以这样做:

$('body').on("mouseover", 'a.new_element' , function(){
    do_my_stuff_here();
})