2011-05-24 12 views
7

लिए jQuery टेम्पलेट बाँध को देखते हुए कर सकते हैंएक कच्चे सरणी

<div id="place_holder" /> 

<script id="template" type="text/x-jquery-tmpl"> 
WHAT DO I PUT HERE 
</script> 

var array_of_ints = [1,2,3] 

$("#template") 
     .tmpl(array_of_ints ) 
     .appendTo("#place_holder"); 

क्या कर सकते हैं मैं खाके में डाल पाने के लिए?

<ul> 
    <li>1</li> 
    <li>2</li> 
    <li>3</li> 
</ul> 

उत्तर

4
<ul id="place_holder"> 
</ul> 

<script id="template" type="text/x-jquery-tmpl"> 
    <li>${}</li>  
</script> 

var array_of_ints = [1,2,3] 

$("#template") 
    .tmpl(array_of_ints) 
    .appendTo("#place_holder"); 
+0

काम नहीं लग रहा था .. http://jsfiddle.net/MBkds/ –

+0

ठीक है, कोड थोड़ा सा tweaked और अब यह काम करता है। – Dave

-1

आप {{each}} टेम्पलेट टैग में देखना चाहते हैं।

इस मामले में, मुझे नहीं लगता कि jQuery.tmpl वास्तव में ऐसा करने का सबसे अच्छा तरीका है। मानक for लूप का उपयोग करने के लिए मेरी राय में यह बहुत आसान होगा।

var array_of_ints = [1,2,3]; 

//creates the ul 
var ul = $('<ul></ul>'); 

//creates the LI's 
for(var i = 0; i < array_of_ints.length; i++){ 
    ul.append('<li>' + array_of_ints[i] + '</li>'); 
} 

//adds to the placeholder 
$('#placeholder').append(ul); 

http://jsfiddle.net/LeKYu/

+0

सवाल यह पूछ रहा था कि यह jQuery.tmpl –

+0

@ माइकल वोल्फेंडेन का उपयोग करके किया जा सकता है: मैं समझता हूं, इसलिए मैंने '{{प्रत्येक}} 'टेम्पलेट टैग को लिंक पोस्ट किया है। मैं आपके उदाहरण को बदलने की सिफारिश करता हूं, क्योंकि इसके लिए jQuery.tmpl का उपयोग पूरी तरह से व्यर्थ है। एक और यथार्थवादी उदाहरण आपको और भविष्य के पाठकों की बेहतर सेवा प्रदान करेगा। –

+0

@ माइकल वुल्फडेन्डेन: मुझे भी यकीन है कि रूट ऑब्जेक्ट तक पहुंच प्राप्त करने का कोई तरीका नहीं है। यह क्या कर रहा है सरणी में प्रत्येक ऑब्जेक्ट/मान के लिए, यह टेम्पलेट को सरणी के साथ कॉल करने के बजाय, टेम्पलेट को कॉल कर रहा है। –

8
<div id="place_holder" /> 

<script id="template" type="text/x-jquery-tmpl"> 
    {{= $data}} 
</script> 

var array_of_ints = [1,2,3] 

$("#template") 
    .tmpl(array_of_ints ) 
    .appendTo("#place_holder"); 

{{= $ डेटा}} हर जगह काम करता है (टेम्पलेट में तार में $ {} अभ्यस्त काम)

+0

$ {} द्वारा टेम्पलेट में स्ट्रिंग में काम करने का आपका क्या मतलब है? क्या आप एक उदाहरण दे सकते हैं जहां {{= $ data}} काम करता है लेकिन $ {} नहीं करता है? –

+0

टैग टैग विशेषताएँ जैसे नाम और src – nidx

1

$ {} काम नहीं किया मेरे लिए तारों की एक सरणी ['ए स्ट्रिंग', 'एक और स्ट्रिंग', 'फिर भी एक और स्ट्रिंग'], लेकिन {{= $ डेटा}} करता है। धन्यवाद!

संबंधित मुद्दे