2011-11-20 9 views
-1

では動作しません:jQueryのホバーは、私はHTMLコードを持っているChromeとSafariの

<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で検索しましたが、結果はありません。いくつか解決策を教えてください。

ありがとうございます!

+0

重複する質問は、投稿する前に検索してみてください:http://stackoverflow.com/questions/5221276/jquery-hover-not-working-in- safari-or-chrome –

+0

@Sudhir:実際に私はその投稿を読んだが、私はこの投稿を作成するために私の問題を解決するのに役立たなかった。 :) –

答えて

1

...私はこの話によりがあると思われる(コードでは、あなたが提供しているという事実を除いて上で「ホバリング」には何がありません)

PS細かいjsFiddleワークス:本当にあなたをID $('#tree_list_tool', $(this))をターゲットにしている場合はコンテキストを必要としません)

関連する問題