jquery - 添加样式(多个CSS类)时，jquery选择器失败

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

我的HTML

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

我的stylesheet.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。

最佳答案

添加一个

clear:both;

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