0

少し問題があります...

小さなスクリプトを作成しました（jQuery HoverIntent-Plugin用）

スクリプトがサブメニューを7 秒間表示している

(完璧に動作します)

<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
        $(".navi-item").hoverIntent({
            over: showSub,
            timeout: 7000,
            out: hideSub
            });
        });
    function showSub(){ $(this).find('>ul').fadeIn(100); }
    function hideSub(){ $(this).find('>ul').fadeOut(100); }
</script>

今、別のスクリプトを作成しました（jQuery HoverIntent-Plugin用）

特定のクラスが設定されていない場合、スクリプトは3 秒間クラスを追加します。

(上記のコードを無効にした場合にのみ機能します)

<script type="text/javascript" charset="utf-8">
    $(document).ready(function(){
        $(".navi-item").hoverIntent({    
                timeout: 3000,  
                over:function(){
                    if (!$(this).hasClass("active")) {
                        $(this).addClass("active2");
                    }
                },
                out: function(){
                    $(this).removeClass("active2");
                }
            });
        });
</script>

今、私は両方のコードを結合しようとしました

（動作します..ただし、タイムアウトは1つだけです）

<script type="text/javascript" charset="utf-8">
    $(document).ready(function(){
        $(".navi-item").hoverIntent({    
                timeout: 7000,  
                over:function(){
                    if (!$(this).hasClass("active")) {
                        $(this).addClass("active2"); // ADDCLASS
                    }
                    $(this).find('>ul').fadeIn(100); // SUBMENU
                },
                out: function(){
                    $(this).removeClass("active2"); // ADDCLASS
                    $(this).find('>ul').fadeOut(100); // SUBMENU
                }
            });
        });
</script>

スクリプト 1 と 2 を同時に実行し続ける方法はありますか?

また

hoverintent から//ADDCLASSおよび//SUBMENUに異なるタイムアウトを設定することは可能ですか?

よろしくベルニ

4

1 に答える 1

1

編集：将来これを見つけた人のために、私のバージョンのプラグインへのGithubリンク。特に最適化されているわけではないので、無理をしないでください。ただし、機能します。

この質問の複製のように見えます。基本的に、答えは「できません」です。hoverintent は、追加したイベント ハンドラーが古いイベント ハンドラーを上書きするようにコーディングされています。そのスレッドの回答者は、あなたが探している機能を追加するために hoverintent にパッチを適用する際にいくつかの刺し傷を負いますが、彼はまだそれを管理しているようには見えません.

プラグインの新しいバージョンを作成してみます。数分待ってください。思ったよりも面倒だとわかるか、Github のリンクを投稿します。

于 2012-10-31T10:45:37.460 に答える