2012-03-11 12 views
0

これはドロップダウンボックスを表示するために機能しますが、このボックス内のコンテンツへのリンクを追加し、マウスでクリックしてクリックできるようにする必要があります。マウスでドロップダウンを開いたままにするにはどうすればいいですか?

私が持っているものに変更を加えたり、これを完全に再考する必要はありますか?

BTW - IDのdivのいずれも現在リスト要素の一部ではありませんが、これは6つのうちの1つです。私はそれが助けばそれを変えてうれしいです。

+0

ドロップダウンの後に '#home-shop-first'要素を閉じると、マウスをドロップダウン項目の上に移動すると、要素の要素がホバリングしたままになります。 – henryaaron

+0

申し訳ありません、私jQueryを初めて使用していて、それをどうやって行うのか分かりません。 –

+0

あなたのコードを表示して、jsfiddleを作成してください。 http://www.jsfiddle.net – Alex

答えて

1

ドロップダウン後#home-shop-first要素を閉じた場合は、ドロップダウン項目の上にマウスを移動すると、マウスが要素内の要素をホバリング残る開いたままになります... jQueryを使って行うには

何もありません、 #first-button-boxの前に#home-shop-firstと表示されている要素を開き、#first-button-boxの後に閉じます。そのような:

例:場合http://jsfiddle.net/gygPh/

+0

あなたは私がコメントで私に完全に答えたので、あなたは答えを作成することを提案しようとしていました。そんな骨抜きの瞬間に私を打ち負かさないでくれてありがとう! :) –

+0

@MichaelDavis私は以前に笑いの質問を見たことを心配しないでください... – henryaaron

0

あなた#first-button-boxあなた#home-shop-firstあなたは、単に別のイベントを結合することができるに埋め込まれていません。 「マウスセンター」のように:

$("#home-shop-first").bind('mouseenter',function(){ 
    $("#first-button-box").slideToggle(); 
});​ 

他にも多くの解決策があります。あなたのボタンごとにIDを避けるために多くの要素が必要な場合は、何かをlike thatにします。

関連する問題