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改變懸停類的跨度。我想讓它懸停，直到刪除圖標的寬度，所以我可以切換類

我不想用div來觸發懸停，因爲在那種情況下，當垃圾桶圖標被徘徊時，它也會切換span元素類。

Answer 1

問題是跨度實際上並沒有達到那麼遠（因爲它不是塊元素），您可以通過應用邊界來看到這一點。爲了解決這個問題，給你的範圍一個CSS規則，如：

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

當然，根據需要調整寬度。