問題タブ [jquery-data]

jquery function の使用法がわかりませんdata()。誰かがそれをどのように使用できるかの例を教えてもらえますか?

jQuery MetaData Plugin の使用を検討しています。とても面白そうですが…

このコードは有効ですか?

アップデート

もちろん、これは古い例 (2010 年) です。最近では、html5/jquery でデータ属性を設定するために$.data() と element.datasetを使用しています。とても便利です。

1 つ以上の iframe 化された html ページから jQuery データを親の html ドキュメントと共有しようとしています。私が必要とするのは、iframe 間通信であり、可能であれば (非常に望ましい) .data() を共有/交換することです。つまり、両方の jQuery オブジェクト (親と子の iframe 内) の $.cache です。

これに似たもの：

親 html:

iframe html:

jQuery プラグインを作成しており、プラグイン メソッド呼び出しを通じてオブジェクトを保持する必要があります。だから私は.data()ここで推奨されているように使用しようとしました: http://docs.jquery.com/Plugins/Authoring

しかし、保存されたオブジェクトを取得できません。ここに私のコードがあります:

restrictZoom メソッドを呼び出すと、$this.data() (48 行目) は DOM からデータを返しますが、init メソッドで設定された 'eventsmap' 属性を取得しようとすると、 undefined ($this.data('eventsmap) ') 49 行目)。私はそれが正しい DOM オブジェクトであると確信しており、私のオブジェクトはブラウザのデバッガーを通して見ることができるからです:

どうすればいいのかわからない。

編集：html：

要素でhtml5「data」属性を使用しています。変数が存在し、空でない場合にのみ、属性値を変数に割り当てたいと思います。

var xxx = $(this).data('what') ? $(this).data('what') : 'default_value';

しかし、それは機能しません。私はいつもデフォルト値を取得します...

チェックボックスの値の変更に対して実行されるパラメトリック フィルタリングを使用して、検索ページを作成しました。

http://jsfiddle.net/s9FjY/4/

動的リストに適用されたフィルターを表示し、jQuery の.data()メソッドを使用してリスト フィルター要素に関連付けを保存しています。

ここで、適切なチェックボックスのチェックを外すと、要素に保存されているデータに基づいてフィルター li 要素を削除します。以前は class 属性でこれを行っていましたが、.data()を使用する方が適切な解決策だと思いました。

適切なリスト要素を削除する方法がよくわかりませんか?

私は、jQueryのdata（）src関数とHTML5データ属性を使用して、メディアクエリに基づいて画像の属性を動的に切り替えるスクリプトに取り組んでいます。この背後にある考え方は、デフォルトでローファイ画像を提供し（モバイル用に最適化）、大画面用にハイファイ画像を提供することです。（これは必ずしも画像に限定されるわけではありません。）スクリプトはChrome / Opera / Safari / iOSで100％動作しますが、FFとIEでは完全には動作しません。

使用中のこの実例はresponsetheme.comで、幅480ピクセルを超えると画像はピンクになり、幅480ピクセル未満は黄色になります。FFとIEの両方data()でサポートされていることを知っています。関数なしでテストしました。したがって、この問題はトリガーまたはor関数と関係があると思います。私が欠けているものについて何か考えはありますか？Modernizr.mqresize()each()resize()

また、どの機能がどの内部にあるのかわからなかったので、スピードアップのコツも聞いてみたいと思います。=）

更新1：私もこのような三元で試しましたが、それでも同じ問題です：

アップデート2：FFの問題を理解しました。どうやらFF6ウィンドウは約556px幅以下にサイズ変更されません。その上のブレークポイントでスクリプトをテストしたところ、スイッチが機能しました。（ mediaqueri.esの例でさえ、FF6では幅556px未満に縮小しません。）

クライアント側のイベントでデータを管理するために、データ属性を広く使用しています。javascriptまたはjqueryを使用してデータ属性に動的に値を割り当てることは可能ですか?

上記の JavaScript コードは次のエラーをスローします。

「Uncaught ReferenceError: 割り当ての左辺が無効です」。

誰かがこれを達成する方法を教えてください。

私は$.post()ASPスクリプトを呼び出すために使用しています。これには、特に次のコードが含まれています。

ページが更新される前に（したがって、DOMデータが消去されるべきではありませんでした）、成功したときにこれを行う別の$ .post（）を呼び出します。

ただし、値が保持されていないか、正しく設定されていない可能性があります。何が悪いのでしょうか？

クエリ文字列パラメーターを読み取って、jQuery を使用して動的コントロールを作成しています。これらのコントロールをドラッグしてきちんと配置できます。ドラッグ/ドロップのドロップ イベントの後、非表示フィールドを介してコントロールの位置と状態を更新します。私の実装がドロップごとにデータを更新するようになっただけですが、これは良くありません。私もイベントを通じてこれを行いましたが、うまくいきませんでした

現在の実装

質問

1. ご覧のとおり、ロード時にスパン要素にデータをアタッチします。しかし、それはロードイベントなので、インナーlabelとhidden fields. 要素にデータを設定する必要があるのはspan一度だけです。これは、その間drop eventにラベルと隠しフィールドにアクセスしてコントロールの現在の位置を更新するためです。私は各ドロップをしたくありません。それが私の目的です。query the domlabelhidden field
2. また、ポストバック後にコントロールを再描画する方法についてのアイデアを教えてください。