jQuery मोबाइल त्रुटि "प्रारंभिक से पहले सूचीदृश्य पर विधियों को कॉल नहीं कर सकता"

Question

मैं गतिशील रूप से <ul data-role="listview"> भर रहा हूं, फिर location.href="#Results" पर कॉल कर रहा हूं, जहां सूची है, और अंततः listview('refresh')।

यह सब एक ही पृष्ठ से अजाक्स अनुरोध की सफलता कॉलबैक में किया जाता है। यह कम या कम काम करता है लेकिन मुझे निम्न त्रुटि मिल रही है:

Uncaught cannot call methods on listview prior to initialization; attempted to call method 'refresh' 

मुझे लगता है कि jQuery मोबाइल ने अभी तक सूचीदृश्य नहीं बनाया है। मैं क्या कर सकता था?

Answer 1

http://jquerymobile.com/demos/1.1.0/docs/api/events.html आपको पेजिनिट ईवेंट पर हुक करना होगा। इससे पहले आप किसी भी JQM विधियों को कॉल नहीं कर सकते हैं। i.e .:

$('#Results').bind('pageinit', function() { 
    $('#myListview').listview('refresh'); 
}); 

Answer 2

मुझे एक ही त्रुटि थी। मैंने इसे अपनी क्वेरी में "दृश्यमान" जोड़कर हल किया, इसलिए यह केवल तभी दिखाई देगा जब सूची दिखाई दे।

तो अपने कोड कुछ इस तरह दिखेगा:

$('#myListview:visible').listview('refresh'); 

मेरे लिए ठीक काम किया!

Answer 3

यदि वह पहले से प्रारंभ या नहीं है आप की जाँच करनी चाहिए, इस मामले में सूची को ताज़ा यह आरंभ नहीं हो जाता अन्यथा प्रति निम्नलिखित के रूप में बनाने को गति प्रदान:

if ($('#myListview').hasClass('ui-listview')) { 
    $('#myListview').listview('refresh'); 
    } 
else { 
    $('#myListview').trigger('create'); 
    } 

Answer 4

उपयोग location.href
वास्तव में location.href के बजाय $.mobile.changePage("#Results"); पृष्ठ पुनः लोड इसलिए सूची दृश्य

और फिर नष्ट listview.refresh

Answer 5

बस किसी भी बिना सूचीदृश्य विधि कॉल हो जाता है पहले पैरामीटर:

$('#myListview').listview().listview('refresh'); 

समाधान http://www.gajotres.net/uncaught-error-cannot-call-methods-on-prior-to-initialization-attempted-to-call-method-refresh/

Answer 6

से लिया बस जोड़ने listview.refresh मेरे लिए ठीक काम करता है, और मैं भी div में सामग्री लोड करने ajax उपयोग कर रहा हूँ।

document.getElementById("myListview").innerHTML = xmlhttp.responseText; 
//works fine on my work 
$('#myListview').listview('refresh'); 

यहां मेरी पोस्ट।

jquery mobile ajax load content into a div element will lose it's css style

मैं लगभग 3 घंटे खर्च मेरी पोस्ट का समाधान probem.finaly जवाब here.thanks खोजने के लिए।