Jquery扩大了悬停区域

Question

这是我的结果html

Output http://img2.pict.com/fc/c7/94/3241379/0/20100328195141.png

它的html就像这样

<li id="33">
    <div class="todoRow">
        <span class="status_1">Test13</span>
        <img class="delete_todo" alt="Delete" src="trash.png">
    </div>
</li>

我正在使用toggleClass更改悬停时的span类。我想让它可以悬停到删除图标的宽度，这样我就可以切换类

了

我不想使用div来触发悬停，因为在这种情况下，当垃圾图标悬停时，它也会切换span元素的类。

Answer 1

问题是跨度实际上并没有那么远（因为它不是块元素），你可以通过对它应用边框来看到这一点。要解决此问题，请为您的span添加CSS规则，例如：

.todoRow span { display: inline-block; width: 160px; }

当然，根据需要调整宽度。