-1

当鼠标进入带有“mytrigger”类的图像时，我想记录“测试”。图像也可能有一个名为“dupimg”的类。

我的 html

...
<img src="img.png" class="dupimg mytrigger" />
...

我的样式表.css

.dupimg{
    float: left;
    width: 160px;
    height: 120px;
    margin-left: 5px;
    border: 1px dotted;
}

我的 js 片段

$(document).ready(function() {
    $(".mytrigger").mouseenter(function() {
        console.log("test");
    });
});

由于某种原因，这确实不起作用（控制台中没有“测试”消息）。但是，如果我将图像的第一类更改为其他内容，那一切都很好（例如 img src="img.png" class="dupimg_a mytrigger"）。如果我删除 .dupimg 的 css，我也不起作用。所以我的问题是为什么它不能与附加的 css 一起工作？我如何让它工作？

使用 jquery 1.10.2。

4

2 回答 2

2

添加一个

clear:both;

在 img.dupimg 元素之后清除关联的浮动规则。

于 2013-08-13T15:31:35.833 回答
0 
your code is working fine, unless you are trying to check in ie7
<http://jsfiddle.net/nyshangal/xQQY6/>
于 2013-08-13T15:32:24.507 回答