問題タブ [jquery-templates]

ネストされたテンプレートを持つ親テンプレートがあります。親テンプレートから tmplItem 値を選択して変更し、.update() を呼び出すと、ネストされたテンプレートからすべてのデータがクリアされるように見えますか?

ここに大まかな例を貼り付けます: http://pastebin.com/cjDKmmyU

文字列内の特殊文字をjQueryテンプレートプラグインの同等のhtmlentitiesに変換するにはどうすればよいですか？$('<div/>').text(str).html()jQueryのメソッドについて知っています。テンプレートプラグインに実装する方法を探しています。

このテクノロジーは小さなテンプレートを対象としていますか、それとも大きなデータセットを表示するために使用できますか？1000行20列のテーブルなど？

このような場合のパフォーマンスはどのようにスケーリングされますか？データを表示するための理想的でクリーンな方法は、Webサービスから返されたJSON化されたデータをJQueryテンプレートにフィードすることです。理論的には洗練されているように見えますが、実際には大規模なデータセットで飛行しますか？

テンプレートと組み合わせて jcarousel を使用しようとしています。画像がページに直接ある場合、カルーセルは完全に機能しますが、テンプレートを使用して画像を動的にしようとしています (ページの読み込み時にどの画像が読み込まれるかわかりません)。

これが私がしていることです。テンプレート（外部テンプレート）をロードするためのこのjQueryコードがあります

これは外部テンプレートのコードです

テンプレートをロードした後、カルーセルを初期化するためのこのコードがあります。または、少なくともそれが本来の目的です。

問題は、テンプレートが実際にページに挿入される前にカルーセルを初期化しようとしていると思われるため、カルーセルが機能していないため、画像が水平ではなく垂直に読み込まれ、カルーセルが表示されない (画像は何もしません）。

ここに質問があります。この方法でテンプレートを使用するときに、これを機能させる方法を知っている人はいますか? テンプレートがマークアップに挿入された後にのみカルーセルを初期化する方法は?

アップデート

どうやら、jQuery テンプレートはコンパイル可能で、ここに示されているif ステートメントを含むテンプレートのパフォーマンスに役立ちます。

しかし、ここに示すように、私のテンプレートには論理ブロックが含まれていないため、コンパイル済みの jQuery テンプレートは私の場合にはあまり役に立ちません。

別のテンプレート エンジンの使用を提案している場合は、チームの全員が jQuery だけを知っているので、理想的には jQuery テンプレートだけを使用したいと思います。いくつかのテンプレート エンジンを比較するこのテスト ケースもあります。

やあ、

ちょうど今日、jQuery テンプレートを使用するとパフォーマンスの問題があるとのことでした。

比較するために、jQuery テンプレートと古き良き文字列追加メソッドを使用してテーブルに行を追加しました。結果はこちらでご覧いただけます。jQuery テンプレートを使用すると、文字列を追加する方法と比較して約 65% 遅くなります。

jQuery テンプレート スクリプトのパフォーマンスを向上させるために何ができるかを考えています。

完全なスクリプトは、提供されたリンクで表示できます。しかし、基本的な考え方は次のとおりです。

テンプレート：

データ：

HTML:

実行します:

ありがとう、

カイ

要点をまっすぐに説明しましょう:)。私のプロジェクトでは、次のようにjquery-tmplを使用してテンプレートをレンダリングしています。

DOMに挿入するboxと、素敵なJQueryボタンが表示されます。DOM（Chromeで検査）によると、buttonsはすでにjquery-uiボタンに変換されています。

質問：これらのボタンを変更したいのですが、2時間試した後、その方法がわかりません。私は理解した

たとえば、トリックは実行されますが、実行されません。ボタンを変更するにはどうすればよいですか？

私はここで問題に直面していて、それがバグなのか私の愚かさなのかわかりません。

このテンプレートに基づいてウィジェットを作成しました。

このテンプレートを（で）レンダリングした後、widget = $.tmpl(...)ボタンAとボタンBはclick次のようにイベントにバインドされます。

その後widget、返されます。前のテンプレートをレンダリングしてイベントをバインドする関数は、別のテンプレートで呼び出されています。

このテンプレート{{tmpl field.create()}}では、をレンダリングして返す関数を表していますtemplate A。DOMに挿入すると、すべての要素が正常に表示されますが、バインド関数（で設定create）は失われます。

これは正しい動作ですか、それとも私は完全に間違ったことをしていますか？

私はこの質問が尋ねられたことを知っています.facebook/gmailのようなサイトをコンテンツにロードする方法.

しかし、答えは地面に薄いです。助けるために、私はいくつかの調査を行いました。誰かがこれを調べて、何らかの指針を与えることができますか?

私が行くことができる3つの異なるルートがあります：

1) jquery.load (html でロード)、css でロード、getscript JS。

私がまだ理解しておらず、理解する必要があるのは、どの CSS / JS が動的にロードされたかを追跡する方法です。IOW ユーザーがページにアクセスしたときに、同じ CSS/JS をロードし続けたくありません。それらはすでにキャッシュされています。

グローバル JS 変数または非表示の div を使用するのは賢明でしょうか?

2) ビッグパイプ。

.net での実装を見たことがあります。しかし、PHPの実装を知っている人はいますか。これは github で見られます: https://github.com/dynamoid/bigpipe しかし、あまり感銘を受けませんでした。他の実装はありますか？

3) Jquery テンプレート

私はこれについて少し研究を行ってきました。これが最善の方法でしょうか？テンプレートを最初にロード（およびキャッシュ）してから、データを適用することができたとしても。ページごとにどの CSS と JS がロードされているかを追跡することについては、まだ曖昧です。

最後に、ベスト プラクティスの選択について説明しているリソースをご存知でしたら、お知らせください。

ありがとう ：）

現時点では、4 つのテンプレートを含む 1 つの HTML ページがあり、さらに多くのテンプレートが含まれます。テンプレートを別のファイルに入れて「インポート」することはできますか? それらを .js ファイルで定義できますか?

jQquery テンプレート プラグインを使用しています: http://api.jquery.com/category/plugins/templates/

私のコードは例のように見えます!

jQueryテンプレートについて詳しく調べようとしていますが、テンプレート内でJS呼び出しを実行できないようです。

私のobjectToString（）関数は呼び出されず、文字列としてレンダリングされるだけであることに注意してください。気まぐれで{{}}で包んでみましたが、運が悪かったです。助けてくれる人はいますか？