問題タブ [yui3]

zend フレームワークで YUI3 タブビュー ウィジェットを使用しようとしています。

私は Yahoo CDN を使用してすべてのモジュールをロードしtabview.cssますtabview.css。画像はすぐそこです。なぜこれが起こっているのですか？

ここにテストページがありますhttp://www.ceshi.anpingsiwang.info、tabview.cssはcssコンボにあり、完全なURLtabeview.cssはhttp://yui.yahooapis.com/3.3.0/build/tabview/ですassets/skins/sam/tabview.css . そのファイルでis という画像sprite.pngが使用されていることがわかりますtabview.cssが、読み込まれていません。他のプレーンな html ファイルhttp://www.ceshi.anpingsiwang.info/plain.htmlはまったく問題ありません

私はYUI3ウィジェットを使用していますが、jqueryの人たちは、プラグインについて話しているふりをしています。5,000を超えるレコードを含む大規模なjsonデータセットがあります。私のアプリケーションには、データセットにアクセスする必要のあるウィジェットが少なくとも5つあります。現在、ウィジェットをレンダリングする前に、HTMLにjsonを埋め込み、ページの読み込み時にYUI3で取得しています。

避けたいのは、データセットの5つのコピーをメモリに保存することです。これを回避できるデザインパターンを考え出そうとしています。このデータを属性としてウィジェットに渡すと、参照ではなく値で渡され、基本的にメモリにコピーされると思います...これについて間違っている場合はお知らせください。データはグローバルに利用できるため、ウィジェットから直接アクセスできますが、これによってデータがメモリにコピーされると思います。

最初にオブジェクトを作成し、オブジェクトにデータをロードしてそのオブジェクトを属性として渡すと、参照によってオブジェクトが渡され、すべてのウィジェットが同じデータインスタンスにアクセスできるようになると思います。

これはあなたがすることですか？あなたの考えと、このような設定をどのように行うかを教えてください。

あなたの（ポジティブな）インプットに感謝します！

私は、JSのすべてのニーズにYUI3を使用するWebアプリケーションを作成しています。ツールチップ、AJAXクエリによってコンテンツが決定されるツールチップ、トグルボタンなどの機能が必要です。

これらすべてを実現するために、誰がアーキテクチャを構築するのかわかりませんでした。私は次のアプローチを取りました

私のアプリケーションでは、次のように呼び出すことで、すべてのボタンをトグルボタンに変換します。

これはすべて機能します。しかし、このアプローチに根本的な問題があるかどうか、より経験豊富な開発者から知りたいと思いました。

これはJavaScriptを使用するための良い方法ですか？

クラス名が「container」のdivが2つあります。この各divには等しい番号が含まれています。子どもたちの。各コンテナのn番目の子にクラスを割り当てたい。YUI3を使用してこれを行うにはどうすればよいですか

この単純なコードを node.js で実行してみます。

しかし、次のエラーが表示されます。

どうすればこれを修正できますか?

[編集]
使用しています: ノード v0.5.0-pre

yui3にsugarメソッドを追加して、次のようなことができるようにするにはどうすればよいですか。

.do_something()私が作成したシュガーメソッドはどこにありますか。すべてのコードをパッケージ化できるようにしたいので、ウィジェットのようにロードできます。

基本的にjQueryを再作成したいslideToggle()

助けてくれてありがとう。

YUI 3 を使用して、選択を強制し、ユーザーがコンテナーから結果を選択する必要があるオートコンプリート ボックスを作成しています。そうしないと、手動で入力した値が入力フィールドからクリアされます。 と info hereforceSelectionの機能でした。しかし... 新しい3バージョンにはまだ追加されていないようです. こちらがオープンチケットです。YUI 2 オートコンプリートのみを使用しますが、YUI 3 に付属する他の改善された機能を既に使用しています。YUI 2 Autocomplete widgetYUI

YUI 3 でこれを手動で実装する簡単な方法はありますか?

私は、YUI2を使用してWebインターフェイスを強化していたプロジェクトに取り組んでいます。メニューバープラグインを使用し、いくつかのメニューを正しく配置しました。これは、メニューリンク自体を囲むタグfloat: rightのCSSに追加することで実現しました。<li>これは完璧に機能しました。

YUI3にアップグレードしましたが、何らかの理由で機能しなくなりました。理由はわかりません。

YUI3で1つまたは2つのメニュー項目を右揃えにする正しい方法は何ですか？

次のようなオブジェクトのjson配列があります{id:'the id', name:'the name'};。配列をループして、各オブジェクトを名前属性のアルファベット順にグループ化する必要があります。すべての文字を含むswitch/ifステートメントを使用せずにこれを行う方法はありますか？

私がやりたくないのは次のようなものです。

これは大きな配列であり、1,000個近くのオブジェクトが含まれています。私の目標は、最終的にそれらをダイビングに追加することなので、次のようになります。

4

• 4パイント
• 4ビスケット

A

• アップル
• アレックス
• アダム

B

• ボブ
• ビリー

YUI3内からグローバル変数を更新する方法がわかりません。

次のコードを検討してください。

誰かが私にこれを説明できますか？それは私に多くの問題を引き起こしています。なぜwindow.myVariableにアクセスできるのに、YUI3ブロック内から適切に更新されないのですか？

クロージャと関係があるのではないかと思いますが、なぜクロージャをグローバルな「ウィンドウ」オブジェクトに適用する必要があるのか​​わかりません。

ヘルプ？