PHPはてなからはてブロに移動しましたこの広告は、90日以上更新していないブログに表示しています。WorldjsviewsJavaScript製でjQuery非依存なテンプレートエンジンであるJsRender/JsViewsを使ったチュートリアルを書いてみようと思います。はてなも参照してください。!!</p></script></body></html>説明JsRenderを使用する際のの基本的な流れは、以下のようになります。JsRenderファイルを読み込むJsRenderしか使用しないのであれば、JsViews本家からjsrender.js(もしくはjsrender.min.js)をダウンロードして使用してもOKです。今回はJsRender、JsObservable、JsViewsが1ファイルにまとまったjsviews.min.jsを使用しています。jQueryも読み込んでいますが、JsRender内では使用されていません。テンプレートを用意するtype属性の値が"text/x-jsrender"であるscriptタグ内に記述します。渡された値は、テンプレート内で{{>#data}}で参照できます。テンプレートはHTMLコンテンツだけでなく、通常のテキストやXML、JSONも可能です。JavaScript内で表示したい値を用意する今回は、結果をdiv#resultに表示することにしています。$('#template').render(greet)がこれに相当します。セレクタでテンプレートが記述されたscriptタグを指定し、そのrenderメソッドを呼び出します。レンダリング結果を任意の位置に追加するdiv#resultのHTMLをレンダリングした値に置き換えます。Professionalが到着!月別アーカイブはてなブログをはじめよう!shimookaさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。