1

2つのページ要素で単純なhoverIntentビットに取り組んでいます（「search_over」にカーソルを合わせると「search」が表示され、「subscribe_over」にカーソルを合わせると「subscribe」が表示されます）、なぜそれが「 「search_over」ではなく「subscribe_over」。私は現在ChromeとFFでテストしていますが、FFの両方のdivで正常に動作し、chromeの「subscribe_over」でのみ正常に動作します。理由を理解するのを手伝ってもらえますか？多分また関連している：私はこれを独立したページとして取り組んでいた、そして私は今それをワードプレス化する過程にある。これは、wp_headの関数との衝突の結果である可能性がありますが、現時点で知識に基づいた推測を行うために、そこで何が行われているのかについては十分な知識がありません。

jqueryコードは次のとおりです。

var mouseOver = false; 
var mouseOver_search = false;

    $('#subscribe').hide();
    $('#subscribe').hover(
        function(){ mouseOver = true; },
        function(){ 
            mouseOver = false;
            $(this).fadeOut(300); 
        }
    );  
    $("#subscribe_over").hoverIntent({
        over: appear, // Function to call when mouseover is called    
        timeout: 500, // How often in milliseconds the onmouseout should be checked
        out: disappear // Function to call when mouseout is called    
    });

    function appear() {
        $('#search').hide();
        $("#subscribe").fadeIn(50);
    }

    function disappear() {
        if (mouseOver == false) $("#subscribe").fadeOut(300);
    }

    $('#search').hide();
    $('#search').hover(
        function(){ mouseOver_search = true; },
        function(){ 
            mouseOver_search = false;
            $(this).fadeOut(300); 
        }
    );  
    $("#search_over").hoverIntent({
        over: appear_s, // Function to call when mouseover is called    
        timeout: 500, // How often in milliseconds the onmouseout should be checked
        out: disappear_s // Function to call when mouseout is called    
    });

    function appear_s() {
        $('#subscribe').hide();
        $("#search").fadeIn(50);
    }

    function disappear_s() {
        if (mouseOver_search == false) $("#search").fadeOut(300);
    }

したがって、これは文字通り、別々の関数名を持つ2つの別々の要素に対してコピーおよび貼り付けされた同じコードです。必要な長さの2倍ですが、2つの要素が同じように管理されていることは明らかです。それが役に立ったら、それはhttp://yummrs.com/blogにあります（そしてそれはまだ非常に建設中です！）。

前回ここで質問に答えたとき、死の末尾のコンマがあり、それは簡単な修正でしたが、ここに長引くコンマは表示されません...よろしくお願いします。

4

2 に答える 2

1

すでにchromeの既知のバグのようです：http：//plugins.jquery.com/content/google-chrome-bug-hoverintent

于 2011-02-15T10:04:53.850 に答える
0

あなたのコードでは、あなたは以下を定義しました：

<li id="subscribe_over"><a href="#">subscribe &darr;</a></li> 
<li id="search_over"><a>search</a></li>

href検索<a>タグのを見逃していませんか？

于 2011-02-15T10:09:09.070 に答える