jQuery मोबाइल और फॉर्म सबमिशन

Question

मैंने वर्डप्रेस सक्षम मोबाइल थीम के लिए jQuery मोबाइल ढांचे में कूदने का निर्णय लिया है।

अब मैं यूआरएल में हैश टैग के साथ फ़ॉर्म जमा करने और सत्यापन और AJAX पोस्टिंग करने की कोशिश कर रहा हूं। असल में यह काम नहीं करता है।

पूर्व: website.com/contact/ < - काम करता है website.com/#/contact/ < -

काम नहीं करता मैं href के जो # खत्म करने के लिए rel = "बाहरी" टैग के बारे में पता कर रहा हूँ यूआरएल से लेकिन मेरे पास एक कस्टम प्लगइन के साथ ब्लॉग पोस्ट हैं जो साइन अप फॉर्म प्रस्तुत करता है कि मैं rel = "external" का उपयोग करने में सक्षम नहीं हूं। मुझे लगता है कि मैं इसे सभी लिंक के लिए उपयोग कर सकता हूं लेकिन यह चिकनी संक्रमण को खत्म कर देगा।

कोशिश करने और इसे काम करने के लिए मेरे विकल्प क्या हैं? मैं फॉर्म को सबमिट करने की कोशिश कर रहा हूं, फॉर्म में सबमिट करें, कुछ सत्यापन करें और फिर AJAX पोस्ट करें।

Update--

<form id="myform" action="myfile.php" method="post"> 
<input type="text" id="mytext" name="mytext" /> 
<input type="submit" id="myform_submit" value="Submit"> 
</form> 

और मेरी स्क्रिप्ट:

jQuery(document).ready(function() { 
jQuery("#contact_submit").submit(function(){ 
     alert('WTF'); 
     }); 
}); 

बदल दिया है कि करने के लिए:

<form id="myform" action="myfile.php" method="post"> 
<input type="text" id="mytext" name="mytext" /> 
<input type="button" id="myform_submit" value="Submit"> 
</form> 

और मेरी स्क्रिप्ट:

jQuery(document).ready(function() { 
jQuery("#contact_submit").click(function(){ 
     alert('WTF'); 
     }); 
}); 

दोनों यूआरएल में # के साथ काम नहीं करते हैं। फिर भी कोई जाने

<script type="text/javascript"> 
jQuery(document).bind(
    "mobileinit", function(){ 
    jQuery.extend(jQuery.mobile, { ajaxFormsEnabled: false }); 
    }); 
</script> 

:

मैं भी इस jquery.mobile.js फ़ाइल से पहले जोड़ा।

--another अद्यतन (FYI बजाय $ के jQuery वर्डप्रेस की वजह से है)।

चूंकि मैं वर्डप्रेस का उपयोग कर रहा हूं, कुछ कार्य अजीब अभिनय कर रहे हैं। Is_home() की तरह। इससे कोई फर्क नहीं पड़ता कि मैं कौन सा 'पेज' फ़ंक्शन पर हूं, सत्य के रूप में वापस आता है। मुझे लगता है कि इसे प्रत्येक पृष्ठ के लिए AJAX कॉल के साथ करना है।

Answer 1

आप AJAX रैपिंग को बंद कर सकते हैं। इसके अलावा http://jquerymobile.com/demos/1.0a3/#docs/api/globalconfig.html

- मैं स्लैश के साथ समस्याओं के बारे में कुछ देखा है, लेकिन अब मैं यह नहीं मिल रहा है, तो JQM

की alpha3 संस्करण

[संपादित करें]

इस का उपयोग सुनिश्चित करें: यहां पढ़ें कुछ अन्य धागे में - पहले कुछ बार उल्लेख किया गया था। यदि आप किसी पृष्ठ पर जाते हैं और जेक्यूएम इसे एजेक्स के साथ लोड करता है, तो केवल body लिया जाता है और कोई दस्तावेज़ नहीं होता है। पहले से ही डोम तैयार है, क्योंकि पहले से ही तैयार है;) (मैं खुद को यहां उद्धृत कर रहा हूं)

Answer 2

मैं पूरी तरह से नहीं हूं सुनिश्चित करें कि आप अपने jQuery.ready फ़ंक्शन को कहां कॉल कर रहे हैं लेकिन हैंडलर को पंजीकृत करने का अनुशंसित तरीका आपके विशिष्ट पृष्ठों के लिए pagecreate ईवेंट से बाध्यकारी है। pagecreate घटनाओं को केवल पहले पृष्ठ में jQuery.ready द्वारा संभाला जाना चाहिए।मैंने हाल ही में jQuery मोबाइल का उपयोग करके एक साइट बनाई और मैं बिल्कुल इस समस्या में भाग गया।

jQuery(document).ready(function() { 
    $("#id_of_page").live('pagecreate', function() { 
     $("form").submit(function(event) { 
      event.stopPropagation(); 
      event.preventDefault(); 

      // Do stuff here (usually AJAX); 

      return false; 
     }); 
    }); 
}); 

दुर्भाग्य से, मैं निर्धारित करने के लिए करता है, तो यह सब जरूरी है कि पर्याप्त प्रयोग नहीं किया: जहां होना चाहते हैं निम्नलिखित कोड आप मिलना चाहिए। मुझे पता है कि यह मेरे लिए चाल है। मैं लगभग return false को अपने सभी फॉर्म सबमिट करने के लिए जोड़ता हूं जो AJAX द्वारा प्रबंधित किए जाते हैं। उममीद है कि इससे मदद मिलेगी!