jquery - jQuery Mobile で "data-..." を読み取って DOM 要素に置き換えるものは何ですか?

Question

jQuery モバイルは、自分の DOM を読み込んで独自の DOM に置き換えています。jQuery と jQuery Mobile のソースを公開しています。読み取りと置換を行っているものはどこにありますか?

この機能について知りたい理由は、独自の DOM を非同期的に挿入していて、jQuery Mobile の「コンパイラ」をもう一度実行して、新しい DOM を jQuery Mobile のスタイルでレンダリングしたいからです。

Answer 1

物事を特定するのは簡単ではありません。enhancedJQM 1.4 から、すべての JQM コンテンツ ウィジェットを見て、ウィジェット オプションが設定されていないときにどの関数が実行されるかを確認できます。_enhance()

読み取りと書き込みdata-fooに関しては、結局のところ、get/setAttribute名前空間にいくつかの変更を加えた JavaScript メソッドになります。

独自の DOM を注入する場合は、次のいずれかを行うことができます - 拡張前のマークアップを注入します ~data-属性はありませんが、完成したコンテンツ (data-ウィジェットのオプションを変更したい場合は属性を残す必要があります - 拡張されていないマークアップを注入する = 属性を含む単純な HTML のみdata-。

どちらの場合もenhanceWithin()、動的に追加されたコンテンツを含む親 (!) を呼び出す必要があります。最初のケースでは、JQM はウィジェット オブジェクトのみを作成します。2 番目のケースでは、JQM は必要なマークアップとウィジェット オブジェクトを作成します (低速)。