2012-02-03 17 views
0

jQuery UIライブラリ(http://jqueryui.com/demos/accordion/)のアコーディオンをサイドバーとして使用しています。私がサイドバーの上から下にマウスオーバーすると、アコーディオンはやや細かく拡大します。しかし、私が上から下へ上にマウスオーバーすると、展開されるはずのアイテムに移動したとき、アイテムを渡すまでは(「バッグ」の例では)移動しません。ここではページがあります:Jquery UIサイドバーメニューのアコーディオン

$("ul#cats").accordion({ 
     event: "mouseover", 
     header: "li", 
     collapsible: true, 
     autoHeight: false, 
     active: false 
}); 

誰もが、私はこのタイムラグを取得していますなぜ任意のアイデアを持っている:(http://ignitepixels.com/seba)

ここでjQueryの?ありがとう!

答えて

1

あなたのマークアップはうまく構成されていません。 LI間でDIVをスローすることはできず、ブラウザが鳴っているように振舞うことは期待できません。他に何かできますか?例えば。 ULをDIVに変更し、LIタグを削除し、Aタグを保持し、DIVタグを保持する。 header:"div#cats a"と設定します。

+0

良い点。なぜ私がまだそれを疑っていないのか分からない。私は今すぐそれを変更し、より良い結果を得ることができないかどうかを確認します。 –

+0

さて、私はコードを次のように正規化しました:ul#cats> li.sidebar_header + li.sidebar_contentなど。その他の提案はありますか? –

+0

まだ良くありません:) jquery-ui accordionは、タイトルとコンテンツ用に1つのタグが必要です。彼らのドキュメントを参照してください>概要:http://jqueryui.com/demos/accordion/; Firebugを使用すると、現在のLIの2番目のすべてが、その前にあるLIのコンテンツボックスとみなされます(LIは表示されないように設定されています)。私はあなたがDIVにULを変更し、A、DIV、A、DIV、A、DIV、...を行うことをお勧めします。また、AはH1-7または他のタグ(DIV)でもかまいませんが、 。それ以外に、私は他の提案がありません。 –

関連する問題