Question

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

我的HTML

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

my stylesheet.css

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

my js snippet

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

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

使用jquery 1.10.2。

Answer 1

添加

clear:both;

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

Answer 2

your code is working fine, unless you are trying to check in ie7
<http://jsfiddle.net/nyshangal/xQQY6/>

添加样式时jquery选择器失败（多个css类）

2 个答案: