相关疑难解决方法(0)

我有一个<ul>在初始页面加载后填充javascript.我目前使用的.bind有mouseover和mouseout.

该项目刚刚更新到jQuery 1.7,所以我可以选择使用.on,但我似乎无法使用它hover.是否有可能使用.on与hover？

编辑:我绑定的元素在文档加载后加载javascript.这就是为什么我使用on而不仅仅是hover.

这里有一个jsfiddle的例子.尝试将红色方块悬停,然后将蓝色方块悬停.为什么会闪烁？如何防止蓝色方块消失？

(这实际上是一个标签,它是前图标,仅在悬停时出现)

JavaScript的:

$("#foo").live("mouseover mouseout", function(e) {
    if (e.type == "mouseover") {
       $("#foo").append("<div id='bar'>");
    } else {
        $("#bar").remove();
    }
});

CSS:

#foo {
 width: 100px;
 height: 50px;
 background: red;   
}

#bar {
    width: 10px;
    height: 10px;
    background: blue;
}

谢谢