knockout.js - jquery mobile: keeping horizontal control group in one row -

मेरे पास रेडियो बटन के दो गतिशील क्षैतिज नियंत्रण समूह हैं:

  & lt; div class = "श्रेणियों-पैनल" id = "वर्ग-पैनल" & gt; & Lt; fieldet id = "section-choice-fieldset" डेटा-भूमिका = "नियंत्रण समूह" डेटा-प्रकार = "क्षैतिज" & gt; & Lt;! - को अग्रग्राम: अनुभाग - & gt; & Lt; इनपुट प्रकार = "रेडियो" डेटा-मिनी = "सच" ... / & gt; & Lt; लेबल डेटा-बाइंड = "टेक्स्ट: नाम, एट्रि: {'के लिए: आईडी}" & gt; & lt; / लेबल & gt; & Lt;! - / ko - & gt; & Lt; / fieldset & gt; & Lt; / div & gt;   
 नियंत्रण समूहों की सामग्री को नॉकआउटजे द्वारा अपडेट किया जाता है। मार्कअप इस तरीके से अपडेट किया गया है:  
  self.refreshCategoriesList = function () {$ ("# section-choice-fieldset")। ("इनपुट [प्रकार = 'रेडियो']" .checkboxradio (); $ ( "# श्रेणी पसंद-fieldset") controlgroup ()।; };   
 समस्या यह है: जब तक मैं  डिस्प्ले: इनलाइन-ब्लॉक   की संपत्ति को चालू नहीं करता तब तक कंट्रोल ग्रुप एक पंक्ति में फिट नहीं होते हैं।  डिस्प्ले के बाद: इनलाइन-  
 
  
  
  
  
 Itemprop = "text"> 
 सबसे पहले, जिस तरह से आप अपना नियंत्रण समूह चुनते हैं, वह इस पंक्ति में गलत है:  
  $ ("# category-choice-fieldset")। Controlgroup ( );   
 इसे होना चाहिए  
  $ ("# अनुभाग-विकल्प-फ़ील्ड")। Controlgroup ();   
 (शायद एक टाइपो) आप इसे किसी भी दो तरीकों से कर सकते हैं:  
 विधि 1  
 मेरे बेला में ठीक काम करता है मैं कह सकता हूं कि आप सिर से शरीर के  & lt; स्क्रिप्ट & gt;  टैग को ले जाते हैं क्योंकि  पेज  jQM की घटनाएं KnockOut.js और KnockOut.js के साथ अच्छी तरह से ना चलती हैं एक DOM को तैयार है ठीक से काम करने के लिए, और डोम  तैयार  jQM के साथ अच्छी तरह से काम नहीं करता तो मुझे लगता है कि यह वास्तव में एक शातिर पाश है।  
 डेमो:  
 विधि 2  
 और आप अपने  रिफ़्रेश में कुछ और कोशिश कर सकते हैं श्रेणी लिस्ट  विधि:  
  // $ ("# section-choice-fieldset")। खोज ("इनपुट [प्रकार = 'रेडियो']")। चेकबॉक्सड्राइड (); // $ ( "# श्रेणी पसंद-fieldset") controlgroup ()।; $ ( "[डेटा भूमिका = पेज]") ट्रिगर ( "बनाने के")।;   
 पृष्ठ पर पूरे नियंत्रणों को ताज़ा करना - यह कि  ट्रिगर ("बनाएं")  करता है  
 डेमो: