jQuery मोबाइल ajax के माध्यम से गतिशील रूप से एक संक्षिप्त सेट बनाने स्टाइल

Question

संभव डुप्लिकेट लागू नहीं होता:
Dynamically adding collapsible elements

मैं गतिशील रूप से एक संक्षिप्त सेट बनाने रहा हूँ और $('#myID').html(htmlcode) का उपयोग कर पृष्ठ में जोड़ने। स्टाइल को पेज पर लागू नहीं किया जा रहा है। स्टाइलिंग लागू करने के लिए मैं jquery मोबाइल कैसे प्राप्त कर सकता हूं?

(मैं $.get() उपयोग कर रहा हूँ एक वेब service.The सामग्री है कि वापस आ रहा मार्कअप बनाने के लिए के माध्यम से पाशन कर रहा हूँ क्वेरी करने के लिए) सही ढंग से डिफ़ॉल्ट init को रोकने के बाद

Answer 1

पहले से ही Jquery Mobile Collapsible Content

में दिए अपने div को प्रारंभ करने के लिए बनाते हुए, आपको $ ("अपना div चुनने का एक तरीका") का उपयोग करना होगा। ट्रिगर ('बनाएं'); जैसा कि यहां निर्दिष्ट है: http://jquerymobile.com/demos/1.0b2/#/demos/1.0b2/docs/pages/page-scripting.html

Answer 2

यह मेरे लिए काम कर रहा है। मेरा AJAX H3 का एक समूह देता है जिसे मैं एक ढीला div में डालता हूं और सामग्री के लिए एक पी टैग जोड़ता हूं।

$(document).ready(function(){ 

    $.get(my_url, function(data) { 
     var content = $('div[data-role="content"]').html(data); 
     $('h3').each(function(h3_element) { 
      var coll = $('<div class="ui-collapsible-contain" name="blog" data-role="collapsible" data-collapsed="true">'); 
      coll.append($(this)); 
      coll.append($('<p>')); 
      content.append(coll); 
     }); 
     content.trigger("create");   
    }); 

}); 

Answer 3

Collapsible content and Ajax loading

Answer 4

$content.find(":jqmData(role=collapsible)").collapsible();