0

私はtextjavascriptでの負荷をtemplates. 残念すぎる（知ってる）。ただし、Ajax/PHP/JSON を介して結果を取得すると、エレガントでしたが、結果の取得が少し遅くなりました。問題をポップアップで表示していました。もう一度、テンプレートに戻ります。私の質問は、「HTML コードを自動的に解析して JavaScript に変換できるツールはありますか」です。

例: ではHTML、次のコード

<ul class="tabs">
    <li><a href="#" name="#tab1">Introduction</a></li>
    <li><a href="#" name="#tab2">Round</a></li>
    <li><a href="#" name="#tab3">Rules</a></li>
</ul>

JavaScript では次のようになります。

'<ul class="tabs">'+
    '<li><a href="#" name="#tab1">Introduction</a></li>'+
    '<li><a href="#" name="#tab2">Round</a></li>'+
    '<li><a href="#" name="#tab3">Rules</a></li>'+
'</ul>'+

他の方法はありますか？

4

3 に答える 3

1

非表示要素を使用してそれを行う方法の例を次に示します。<code>Facebookはこれを広範に行っています。

HTML:

<div>here is some normal content</div>
<code class="template" id="template1"> 
  <div>this is a template</div>
</code>

<div id="renderedTemplate"></div>

脚本：

var template = $("#template1").html();
var templateOutput = $("#renderedTemplate");

for( var i = 0; i < 10; i++ ){
    templateOutput.append(template);  
}

CSS:

.template {
  display: none;
}

ただし、あなたは Facebook ではないので、@Shmiddty が提案したようにハンドルバーのようなものを使用して、生活を楽にしてください。同様のアプローチを使用しますが、逐語的な文字列挿入ではなく、強力なテンプレート機能をミックスに追加します。

于 2013-01-14T18:20:39.797 に答える
0 
<button>Show it</button>
<p style="display: none">Hello 2</p>

$("button").click(function () {
    $("p").show("slow");
});

http://api.jquery.com/show/

于 2013-01-14T18:14:26.403 に答える
0

コンテンツを非表示の div に入れて、jquery の .html() メソッドでロードします。

于 2013-01-14T18:09:50.500 に答える