2009-08-12 5 views
0

ok私はテンプレートごとに異なるHTMLを持つ多くの異なるテンプレートを持つサイトを持っています。 jqueryでページングを動的に使用して、セクションごとに各行をどのようにレンダリングすることができますか?ダイナミックテンプレートを使用したjquery div行のビルド

テンプレートで変更され、jqueryコードを知らなくても簡単にデザイナーにしたいので、htmlをvarに保存したくありません。

これは、行を追加するときにdivコードを引き出し、レンダリングするたびにループする方法です。

<div id='id_here'>row one</div> 
<div id='id_here'>new template row, but im adding <span>created_date here</span> 

どのようにdivをプルして、それに応じてレンダリングして、varにdivを保存する必要はありませんか?

追加
私はdiv要素が別のテンプレートに変更し続ける場合、私は、AJAXからデータを取得し、divの上でそれを生成するが、どのように私はどこのdivにJSONデータを生成するために知ることができるわけ。

答えて

0

私は質問を理解し、非常にわからないんだけど、あなたのような何かを意味しています:

//load contents of myDiv from remote server and inject it into myDiv (url,selector) 
$("#myDiv").load("/blah.php?p=3 #myDiv"); 

//load contents of hizzay.php?p=2 from remote server and inject it into anotherDiv 
$("#anotherDiv").load("/hizzay.php?p=2");  

<div id="myDiv">output from blah.php?p=3</div> 
<div id="anotherDiv">output from hizzay.php?p=2</div> 

「divをvarに保存する」とはどういう意味ですか?

http://docs.jquery.com/Ajax/load

EDITを参照してください:私は(未テスト)それを得ると思う:

function getPage(pageNo) 
{ 
    $("#someDIv").load("/hizzay.php?p=" + pageNo); 
    return false;//just in case 
} 

$('a.page').click(function(e) { 
    e.preventDefault();//stop the link from being followed 
    getPage($(this).text()); 
}); 

The function getPage gets its argument from the text of the generated links: 

<div id="someDiv">output from hizzay.php?p=...</div> 
<a class="page" href="#">1</a>&nbsp;<a class="page" href="#">2</a> ... 
+0

を再び私のポストを確認してください。 :) – Basit

+0

私はそれにいくつかの情報を追加しました。 – Basit

0

divs(多分 'load')の適切なイベントにフックし、コールバックでjavascriptでオンザフライでコードを生成するか、ajax呼び出しでコードをプルするか、静的ファイルからロードするか。次に、HTMLをdivにポップします。

JQuery Events doc

0

私が正しくあなたを理解していれば、あなたは右、容器の中にいくつかのHTMLをロードしたいですか? htmlファイル内のテンプレートのHTMLコードを格納して、あなたはそれを挿入する場所、それのロード方法

$(function(){ 
$('#container').load('path/to/mytemplate.html'); 
}); 
関連する問題