所以当有人在一个现场或其子女上空盘旋时,我会动态添加一个小图像。当有人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的理解(也不适用于鼠标悬停)是不对的。
非常感谢帮助:)