0

簡単な Jquery メニューを作成しましたが、特定できない問題が発生しました。

マウスオーバーした最初のアイテムは問題ありませんが、別のアイテム (親アイテムと子アイテムの両方) に移動するとすぐに、メニューはフォーカスを失います。

問題を特定するために私が行ったこと:

  • 私のページからすべての CSS を削除しました
  • Jquery UI 1.10.3の基本テーマを使用する
  • ページから他のすべての JavaScript を削除しました
  • Jquery 1.7.2の使用
  • デバッグを試みましたが、エラーは発生しません
  • コードはフィドルで動作します
  • menu.js 、widget.js、ui.js、position.js、core.jsを<head>

ここに私のHTMLがあります

<body>
 <form>
  <div style="width:50%">
  <ul id="buildingmenu">
   <li><a href="#">Social Update</a></li>
   <li><a href="#">Building Update</a>
    <ul>
     <li><a href="#">building 1</a></li>
     <li><a href="#">building 2</a></li>
    </ul>
   </li>
  </ul>
 </div>
 </form>
</body>

そして私のjavascript

$(document).ready(function () {
    $("#buildingmenu").menu();
});

髪を抜いているのですが、何を逃したのでしょうか??

編集：クロムインスペクタを開いたときの問題のスクリーンキャストは次のとおりです

4

1 に答える 1