jQuery的懸停無法在Chrome和Safari

-1

<span style="padding-right:100px;" class="tree_list"> 
    <p>Hover Here</p> 
    <span class="admin_tools" id="tree_list_tool"> 
     <a href="http://google.com">Google</a> 
     <a href="http://facebook.com">Facebook</a> 
    </span> 
</span>

的CSS代碼：

.admin_tools { 
    display:none; 
}

而jQuery代碼執行：

$('.tree_list').hover(
    function(){ 
     $('#tree_list_tool', $(this)).show(); 
    } , 
    function(){ 
     $('#tree_list_tool', $(this)).hide(); 
    } 
);

的jQuery懸停功能在Firefox和IE上運行良好，但不適用於Chrome和Safari。我在Google上搜索過但沒有結果。你能給我一些解決辦法嗎？

提前致謝！

來源

2011-11-20 Khùng Bin

重複的問題，嘗試搜索之前您發佈：http://stackoverflow.com/questions/5221276/jquery-hover-not-working-in- safari-or-chrome –

@Sudhir：其實我已經閱讀過這篇文章，但它並沒有幫助我解決我的問題，所以我創建了這篇文章。 :) –

做工精細jsFiddle（除了事實是，在你提供的代碼沒有什麼「懸停」了）我懷疑還有更多的這個故事......

PS：你真的如果您的目標ID爲$('#tree_list_tool', $(this))，則不需要上下文;）

來源

2011-11-20 07:21:20 Sinetheta

jQuery的懸停無法在Chrome和Safari

回答

相關問題