0

まず、私は jquery 初心者なので、あまり意味がないかもしれません。

したがって、ユーザーがアイテム内のリンクにマウスを合わせると（リストアイテム全体ではなく）、非表示のdivを表示するために展開される一連のリストアイテムがあります。

問題は、ユーザーのマウスがリンクから離れると、li が再び閉じてしまうことです。

別のliのリンクの上にマウスを置いた場合にのみliが閉じるようにするには、これが必要です。（すみません、言葉で表現するのは難しいです）

これが私のコードです。

$(document).ready(function(){
                $(".home_upcoming_title").hoverIntent({
                over: makeTall, 
                timeout: 500, 
                out: makeShort

        });
    }); // close document.ready

    function makeTall(){$(this).parents("li").animate({"height":200},200);}
    function makeShort(){$(this).parents("li").animate({"height":32},200);}

そしてHTML

    <li class="p1">

            <ul class="home_upcoming_list2" id="fade">
            <li class="home_upcoming_date">Sat.Sept.23rd.2010</li>
            <li><a href="./." class="home_upcoming_title" >Event Title</a></li>
            <li class="home_upcoming_city">Los Angeles</li>
            <li class="home_upcoming_type">Festival</li>
            <li class="home_upcoming_venue">Venue</li>
            <li class="home_upcoming_age">18+</li>
            <li><a href="./." title="Buy Tickets" class="home_upcoming_tix">Buy Tickets</a></li>
            <li><a href="./." class="upcoming_info" title="View Details"></a></li>
            </ul>

        <div style="height:150px; background-color:#FF0000; display:block;" class="sl0w"></div>
        </li>

したがって、クラス「home_upcoming_title」とのリンクはliを展開して内部のdivを表示しますが、div自体にマウスを合わせるとリストが閉じます。クラス「home_upcoming_title」のみがdivを展開するように、それも必要です。ただし、同じクラスの別のリンクにマウスを合わせるまで、開いたままにする必要があります。

それがあまり意味をなさない場合は申し訳ありません:)

4

3 に答える 3

1

すべてのツールチップcloseTipsを呼び出す関数を用意し、代わりにを使用して実行し、 を呼び出します。makeShort.mouseover().hoverIntent()closeTipsmakeTall

于 2010-12-21T19:47:58.177 に答える
1

hoverIntent プラグインを使用していることがわかりましたが、プラグインには目的がありません。目的を達成するには、プラグインのベース コードを変更する必要があるかもしれません。または、ネイティブ イベントを使用して目的mouseover mouseoutを実行してみてください。ただし、それには、より多くのコーディングが必要になります。

于 2010-12-21T19:49:15.077 に答える
0

jQuery UI Accordionを試すことをお勧めします。マウスオーバーイベントでトリガーするオプションがあります。リンクの右側にある「マウスオーバーで開く」を参照してください。

それはあなたの質問に答えていますか？

于 2010-12-21T19:48:37.467 に答える