मैं jQuery मोबाइल में एक संक्षिप्त <li>
आइटम में चेकबॉक्स की सूची में गतिशील रूप से कुछ सामग्री जोड़ने की कोशिश कर रहा हूं। मुझे अच्छे गोलाकार कोनों और समूहीकृत वस्तुओं के साथ उचित स्वरूपण नहीं मिल रहा है। जब मैं पत्ती के स्तर पर अन्य तत्व जोड़ता हूं तो यह और भी बदतर हो जाता है।jquery मोबाइल में गतिशील सामग्री जोड़ते समय उचित स्वरूपण
Here एक उदाहरण है कि समस्या (स्पष्ट रूप से शीर्षक में jQuery और jquerymobile स्क्रिप्ट और सीएसएस जोड़ें) से पता चलता है:
<body>
<div data-role="page" id="page">
<ul id="listList" data-role="listview">
<li id="list1" data-role="collapsible">
<h3>list 1</h3>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup" id="fs1">
<input type="checkbox" id="cb1" /><label for="cb1">text</label></fieldset></div></li>
<li id="list2" data-role="collapsible">
<h3>list 2</h3>
<p>here comes another list of checkboxes...</p></li></ul>
<input type="button" onclick="addCheckbox();" value="add a checkbox to list1" /></div>
</body>
<script>
function addCheckbox() {
$("#list1 fieldset").append('<input type="checkbox" id="cb2" /><label for="cb2">More text</label>');
}
</script>
मैं append()
करने के लिए कॉल के बाद .page()
जोड़ने की कोशिश की है, लेकिन यह ठीक से हालांकि काम नहीं किया थोड़ा - सा बेहतर।
मेरे उदाहरण से परे, जेनेरिक सवाल यह है कि jQuery मोबाइल ने डीओएम संरचना के साथ खेला है के बाद डीओएम पेड़ को सामग्री को गतिशील रूप से कैसे जोड़ना है। मेरा मानना है कि एक ऐसा कार्य मौजूद है जो पेड़ के हिस्से को "jquerymobilizes" करता है लेकिन मुझे यह नहीं मिल रहा है।
आपकी मदद के लिए बहुत बहुत धन्यवाद!
संपादित करें: संक्षेप में, मैं गतिशील रूप से तत्वों को listview
के तत्वों में जोड़ने की कोशिश कर रहा हूं और सूची में तत्वों को जोड़ने की कोशिश नहीं कर रहा हूं। listview
को रीफ्रेश करना यहां मदद नहीं करता है।
संपादित करें 2: के रूप में मैं .trigger("create")
समारोह है कि .append()
(सीएफ JQM FAQ) को श्रृंखलित किया जा सकता है पाया मैं थोड़ा और करीब हो रही है। निम्न स्क्रिप्ट के साथ यह थोड़ा बेहतर काम करता है हालांकि data-role="controlgroup"
अच्छा गोलाकार बक्से के साथ सही स्वरूपण प्रदान नहीं करता है।
$("#list1 fieldset").append('<input type="checkbox" id="cb2" /><label for="cb2">More text</label>').trigger("create");
यदि मैं किसी बिंदु पर वहां जाता हूं तो मैं पूरा उत्तर पोस्ट करूंगा।
संपादित करें 3: यहाँ मेरी उदाहरण jsFiddle
पीएस: मैं यह भी सोच रहा हूं कि चेकबॉक्स क्यों अक्षम दिखता है और मेरे उदाहरण में ढहने योग्य आइटम डिफ़ॉल्ट रूप से ध्वस्त नहीं होते हैं, लेकिन यह माध्यमिक है। –