問題タブ [jquery-ui-widget]

作成後にjQueryウィジェットで深くネストされたオプションを変更する最良の方法は何ですか?

上記のコードは、prop1オプションを true および nukes に変更しますprop2。prop1を保存したまま変更するにはどうすればよいですかprop2。

これは jsFiddle です。

編集： 解決策を思いつきましたが、ハックのようなものです。これは私がやろうとしていることを行うための最良の方法ですか?

更新された jsFiddle は次のとおりです。

これが他のどこかでいくらか答えられているかどうか許しを求める（それへのリンクは非常に役立ちます）

$.widgetで適切なチュートリアルやドキュメントを見つけることができません。UIドキュメントはこれにいくらか制限されています。私が探しているのは、イベントを効率的に定義し、カスタムウィジェットを呼び出す方法に関するドキュメントです。ベースウィジェットからのイベントをインターセプトする方法。ベストプラクティスと推奨されるデザインパターンは何ですか。

悲しいことに（そして驚くべきことに）これで私が見つけた唯一のドキュメントはhttp://msdn.microsoft.com/en-us/library/hh404085.aspxです。

私は、slickgridとデータをナビゲートするためのいくつかのボタンをホストするカスタムウィジェット（ベースとしてui.dialog）を構築しています（または構築しようとしています）（データソースは非常にajax駆動であるため、slickgridのデフォルトのものは十分ではありません） 。

これまでのところ、私の進歩は非常に良く、$。widgetの力に感心し始めました。私はここで学習曲線を描いているので、ベストプラクティスに関する専門家のアドバイスとガイドラインをいただければ幸いです。

前もって感謝します

これは奇妙なIEの癖です。手順は次のとおりです。

1. InternetExplorer8でmsn.comにアクセスします
2. 開発ツールをプルアップ
3. ブラウザモードを「IE8CompatView」に切り替えます
4. ドキュメントモードを「IE7標準」に切り替えます
5. [スクリプト]タブに切り替えます
6. 次のスクリプトを実行します。true.toJSON()

を返しますtrue。他のブラウザはこれを行いません。trueある時点でブール値のをに渡すため、jQueryUIのツールチップウィジェットがIEで失敗するため、問題が発生し$.isEmptyObject()ます。通常、渡すとtrue戻るだけですtrueがtrue、メソッドが関連付けられているため（toJSON）、ウィジェットを返しfalseたり壊したりします。

同じテストを試してtrue.toJSON()何も返さずに壊れてしまうサイト（Googleなど）があることに気づきました。この奇妙なtoJSON方法とは何ですか？どうすればそれを取り除くことができますか？

ウィジェットを拡張しようとした後、ウィジェットを破棄して再作成してもうまくいかないようです。

ウィジェットを拡張しているときに、ここで何か見逃しましたか?

私が達成する必要があるのは

1）クリックするたびに複数の要素を選択できます。

2)選択した要素をもう一度クリックすると、選択が解除されます

HTMLコード:

CSS コード:

Jクエリコード:

このコードを jquery サイトで表示

Widgets -> Dialog -> Modal Confirmation をテストしようとしています。

jquery-ui.jsは、特定の用途のためだけに負荷がかかります。JQ UI サイトから、たくさんの小さな .js ファイルを含むフォルダーをダウンロードしました

それらはメインのjsの一部だと思います。jquery.ui.widget.jsとjquery.ui.dialog.jsのみをロードするようにテストしましたが、次のコンソール エラーが発生します。

Uncaught TypeError: Object function ( selector, context ) { // jQuery オブジェクトは、実際には「強化された」初期化コンストラクターです return new jQuery.fn.init( selector, context, rootjQuery ); メソッド「ウィジェット」がありません

次のコードは、 http://jqueryui.com/dialog/#modal-confirmationからの jQ UI サンプルのコピーです。

サンプルは、重い query-ui.js ファイルのみをロードして期待どおりに表示および動作します。

HTML

drupalサイトでjQuery UI ダイアログを動作させようとしています。Web コンソールを確認したところ、次のエラーが発生していることがわかりました。

$(...).dialog は関数ではありません

jsいくつかの調査 (別名、グーグル) を行ったところ、必要なすべてのファイルを自分の drupal ページに追加しなかったことが原因である可能性があることがわかりました。jquery.ui.dialog.min.jsそのため、すべての依存関係を追加しました。しかし、私は今得ています：

タイプ エラー: c はコンストラクターではなく、c.widget は関数ではありません。

何にも依存していないのでjquery.ui.widget.min.js、どうしたらいいのかわからない...

また、これらのエラーに対する決定的な答えは見つかりませんでした...

編集: jsファイルが追加されました(順番に):

JSON ファイルの変数値を使用してウィジェットのオプションを設定したいですか? どうすればそれを行うことができ、jsonファイルをクライアント側に渡すにはどうすればよいですか?

コードはjQueryUI Widget Factoryからコピーされています

このようなJQueryウィジェットを作成します

作成する関数ごとに、必ずself, options,を宣言する必要があります。element

私が欠けているという基本的な理解はありますか、それとも本当に常にそうしなければならないのでしょうか?

widget内でスコープが失われるという問題があります。_initialize 内でthis.optionsは機能せず、どちらも機能しませんthat.options。このメソッドからウィジェットのスコープにアクセスするにはどうすればよいですか?

明確にするために

これを_initializeでconsole.logすると、機能しません