2013-06-04 9 views
10

पर jquery मोबाइल का उपयोग करके एंड्रॉइड कीबोर्ड दिखा रहा है। मैं इनपुट बॉक्स पर फोकस सेट करने और पेजशो पर jquery मोबाइल का उपयोग करके एंड्रॉइड कीबोर्ड दिखाने की कोशिश कर रहा हूं।इनपुट बॉक्स पर फोकस सेट करें और पेजो

मैंने वेब से कई विकल्पों की कोशिश की। लेकिन कोई भी एमुलेटर और मोबाइल दोनों में अपेक्षित काम नहीं कर रहा है।

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Title</title> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/> 
     <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> 
    </head> 
    <body> 
     <div data-role="page" id="main"> 
      <div data-role="header"><h3>Set Focus, Show Keyboard</h3></div> 
      <div data-role="content"> 
       <label for="gotoPage"></label> 
       <input type="text" name="gotoPage" id="gotoPage" placeholder="Question No." data-mini="true" /> 
      </div> 
     </div>        

     <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
     <script> 
      $(document).on('pageinit',"[data-role=page]", function() { 

      }); 

      $(document).on('pagebeforeshow',"[data-role=page]", function() {     

      }); 

      $(document).on('pageshow',"[data-role=page]", function() { 
       $('#gotoPage').focus().select();       
      }); 
     </script> 
     <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>  
    </body> 
</html> 

संदर्भ

enter image description here

enter image description here

कृपया सलाह के लिए स्क्रीन शॉट प्राप्त करें ... अग्रिम धन्यवाद ...

:

यहाँ कोड है

नोट:

उमर के अनुसार यह ios में .... किसी को भी सुझाव है कि हम कैसे काम इस एंड्रॉयड में प्राप्त कर सकते हैं ठीक काम कर रहा है टिप्पणी?

+0

मैं) लगता है 'चयन (' की जरूरत है न – krishgopinath

+0

'$ (दस्तावेज़) .on ('pageshow'," [डेटा भूमिका = पेज] ", फ़ंक्शन() {$ ('# gotoPage')। ट्रिगर ('क्लिक करें')}; 'आपको' setTimeout' का उपयोग करके कुछ देरी सेट करने की आवश्यकता हो सकती है। – Omar

+0

क्या आप कृपया सही कोड प्रदान कर सकते हैं ... – Yesvinkumar

उत्तर

3

समाधान जो मेरे लिए काम करता है:

$("#main").on("pageshow" , function() { 
$('#gotoPage').focus(); 
}); 
+1

यह समाधान एंड्रॉइड 4.0.4 में काम नहीं करता है। –

संबंधित मुद्दे