問題タブ [yui-menu]

編集:これは jQuery 1.3.1 で確認されたバグです。jQuery 1.3.2 で修正されました。

このサンプルとまったく同じ YUI メニュー コントロールがあり、上部にサブ メニューがあります。

メニューを初期化するためにYahooのコードを使用してみました：

画像の読み込みに時間がかかるページで問題が発生しています。

見出し (コミュニケーション/ショッピング/エンターテイメント) がすぐに表示されることに気付きましたが、すべての画像が読み込まれるまで、サブ項目があることを示す小さな矢印は表示されません。

これはとても奇妙だと思いました。画像の読み込みが完了する前に初期化されるかどうかを確認するために、コードを JQuery に切り替えてみました (それが$(function()私がすべきだと思っていたことです)。

驚いたことに、私はまだ同じ問題を抱えていました。ページ全体が読み込まれるまで、メニューは初期化されませんでした。

それは間違いなく待っている画像です。

注: この問題は Internet Explorer でのみ発生します。Firefox は、画像が読み込まれる前にこの onContentReady イベントを発生させるようです。

この問題を回避できますか?

YUIメニューバーを使用すると、アイテムがドロップダウンすると、ASP.NETSilverlightControlの背後に表示されます。YUIレイアウトを使用していません。

メニューバーcssでz-index：99とposition：relativeを設定し、divのz-index：-1とposition：relativeを設定してみました。

何か案は？

この例に基づいたYUI メニュートップ バー ナビゲーション メニューがあります。

メニュー項目ではなくキャプションとして機能する項目を挿入できるようにしたいと思います。たとえば、さまざまなカテゴリの製品のリストがあり、それぞれにカテゴリの見出しが必要だとします。サブメニューは必要ありません。メニュー内に見出しが必要です。

私はそれがこれを行うのと同じくらい簡単であることを望んでいました:

（そして明らかにスタイルを定義しmenuHeadingます）。

これは実際に機能します - アイテムがメニューの正しい位置に表示される限り。ただし、メニュー項目として動作します (ロールオーバーすると青色で強調表示されます)。Chrome で DOM を調べたところ、YUI メニューの JavaScript が実際に次のクラスを追加し'yuimenuitem'、生成された ID を与えているようです。

私がやりたいことを行うための「公式の」方法はありますか、またはハックに頼らなければなりません。menuHeadingクラスにカーソルを合わせたときに白い背景を持つようにクラスを変更することだけを考えていますが、私はする必要はありません。

CSS スプライトをYUI メニュー コントロールのヘッダー イメージとして使用する最良の方法を見つけようとしています。

次の CSS を持つ CSS スプライトがあります。

これを YUI メニューに適用するにはどうすればよいですか?

これまでのところ、navImg0、navImg1 などのスタイルをボタンに適用しました。

それらは正しい位置に表示されますが、いくつかの問題があります。

• アイテムの間に線があり、それらを削除する理想的な方法が必要です
• ボタンをロールオーバーすると正しいロールオーバーが機能しますが、メニューをロールオフして画面のメイン部分に移動すると、ボタンが消えます
• 各最上位アイテムの下にある<a>タグは機能しません (内部にテキストがありません)。<li>

CSS の適用に関するドキュメントはたくさんありますが、CSS スプライトを画像として使用する方法の例は見つかりませんでした。

YUIを使用して、メニューウィジェットインスタンスを渡すメニューボタンを作成します。

結果はメニューボタンのように見えますが、メニューは表示されません。

テストケース：http ：//sandbox.kluger.com/menu_test.html

ボタンにメニューを渡す前にメニューをレンダリングする必要がありますか？

params.menuを表示したい場合は、テストケースを確認してください。params.menuオブジェクトは正しく、widget.Buttonに直接提供されるとメニューを作成します。それはテストケースでテストされています。

どんなアイデアでもありがたいです。

そこで、YUI ツールキットについて学習しようとしていますが、使用可能なサブメニューを持つメニューバーに問題があります。次のコードを使用する場合:

次の JavaScript を使用します。

どちらの構文を使用しても、サブメニューを機能させることができません。

また

私がどこで間違っているのかについてのアイデアはありますか? YUI 2.0 を使用しています。

Htmlマークアップを介してonclickイベントを処理できるかどうか知りたいです。（リンクテキスト）

多くのYUIウィジェットがyuiConfigを使用して、マークアップから直接構成プロパティを追加できることを知っています。（Treeviewのように）

誰もが知っていますか？

画面の下部のナビゲーションに YUI メニューがあり、その下にアクション リストが表示される場合にレンダリングされる大きな空白が作成されます...

最初のクリックでは、メニューはユーザーがスクロールして表示する必要がある空白にレンダリングされます... ただし、2 回目のクリックでは上向きに描画されるため (理想的には)、ユーザーはメニューを表示するためにスクロールする必要がありません。 .. 2 回目のクリックでも、空白のブロックが削除されます...

display:none のスタイルを div に追加すると、空白が削除されることがわかりました...しかし、YUI はディスプレイをブロックに設定しません。手動で...しかし同じ動作が発生し、メニューは最初にフォールドの下にレンダリングされ、ユーザーはスクロールする必要があります....2回目は正常に動作します...何らかの理由で、最初のクリックで上/左の位置が正しく計算されていませんそして、私はその理由を理解できないようです

SafariとChrome（Firefoxではない）を使用しているときに、YUIメニュー項目が青みがかったロールオーバーでハイライト表示されます。かっこいいですが、これは私のサイトの他のハイライトと一致していません。無効にしたいのですが。これはwebkitcssプロパティだと思いますが、そうである場合は、それを制御するプロパティが見つかりません。誰かが私を正しい場所に向けることができますか？ありがとう！