Jquery Mobile vmouseover图像闪烁问题

时间:2011-09-14 02:25:01

标签: jquery delegates jquery-mobile mouseover

所以当有人在一个现场或其子女上空盘旋时,我会动态添加一个小图像。当有人mousesout时删除该图像。 (请注意,我正在进行一种iframe预览,所以我需要的是jquery mobile中的mousedetection。)

以下是相关代码

$("body").delegate("div[data-role='fieldcontain']'", "vmouseover", function(){
    $(this).append('<%= image_tag "red_minus.png", :class => "remove" %>');
});
$("body").delegate("div[data-role='fieldcontain']'", "mouseout", function(){
    $(this).find(".remove").remove();
});

我最初的理解是委托方法侦听对dom的动态更改(例如新的fieldcontain),并且当它冒泡时将该函数绑定到新事物。但是,当我将鼠标悬停在图像本身上时,它是fieldcontain的一个孩子,它会消失斜线,调用mouseout事件。

所以要么我对委托功能的理解不太正确,要么我对vmouseover的理解(也不适用于鼠标悬停)是不对的。

非常感谢帮助:)

0 个答案:

没有答案