jquery-mobile

Dialog closes directly after open

由 三世轮回 提交于 2020-01-05 10:08:07
问题 I want to show a dialog when an app is not in standalone mode. I have this code: $(document).on("pageinit", "#home", function (e) { console.log('pageinit'); if (!window.navigator.standalone && (navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i))) { $.mobile.changePage('/mobile/install', { role: 'dialog', showLoadMsg: true, changeHash: false }); } }); The problem is that the dialog appears but close directly after and it returns to homepage. The pageshow event for

Jquery Mobile + Phonegap the font sizes are different

由 你离开我真会死。 提交于 2020-01-05 09:22:54
问题 I am developing an application using Phonegap with Jquery Mobile on Android Platform. I designed a simple page. I haven't started any customization yet. But look at the below screens. Screen 1: The page launched inside the PhoneGap in my android device Screen 2: The same page launched as a .html page in the same android browser See the size variations... Why it is displaying differently? Do I need to take some standard consideration while designing jQuery mobile pages for Phonegap? 回答1: What

jquery mobile trigger('create') method doesn't work with iframe

由 Deadly 提交于 2020-01-05 08:55:08
问题 When I try to call .trigger('create') method to iframe contents, it does not work and css classes are not applied to input:text elements. but when I call .trigger('create') method for html content outside the iframe, it works please go to this link 'here' on jsfiddle and click on "load mobile view" javascript code $('#mobile_view').contents().find('body').append("<div id='fbm_mob_menu'></div>"); $("#load_mobileview").click(function(){ var content = ' <form class="fbm_contactform">\ <div

Can't Find variable in Phonegap using javascript

由 Deadly 提交于 2020-01-05 08:43:02
问题 when i run this program on browser i am getting response as fail, but run this in android phone i am getting reference error can't find variable data . Code perfectly works in emulator also. Help Me <html> <head> <script type="text/javascript" charset="utf-8" src="phonegap-1.0.0.js"></script> <script type="text/javascript" charset="utf-8" src="cordova-2.4.0.js"></script> <script type = "text/javascript"> function getResponse(){ var url = "http://www.apexweb.co.in/apex_quote/phone_gap/uname

Can't Find variable in Phonegap using javascript

由 ⅰ亾dé卋堺 提交于 2020-01-05 08:42:07
问题 when i run this program on browser i am getting response as fail, but run this in android phone i am getting reference error can't find variable data . Code perfectly works in emulator also. Help Me <html> <head> <script type="text/javascript" charset="utf-8" src="phonegap-1.0.0.js"></script> <script type="text/javascript" charset="utf-8" src="cordova-2.4.0.js"></script> <script type = "text/javascript"> function getResponse(){ var url = "http://www.apexweb.co.in/apex_quote/phone_gap/uname

JQuery Mobile show loading breaks during changePage

由 天涯浪子 提交于 2020-01-05 08:17:31
问题 I am building a Mobile Web Application with JQM. It's pretty basic, the front page displays a list of linked items. When a user clicks a link, JQM Dynamically Injects the page showing item specific details. The problem is, when the user clicks a link, i need the app to display the loading animation while JQM fetches the page via ajax and displays it. This is the code: // Listen for any attempts to call changePage(). $( document ).bind( "pagebeforechange", function( e, data ) { // We only want

jquery mobile ui-input-btn custom icon

由 五迷三道 提交于 2020-01-05 08:12:35
问题 Using jquery mobile, ui-input-btn.... <div class="ui-input-btn ui-btn ui-icon-alert ui-btn-icon-top"> <div class="buttonText">Service<br/> Interruptions</div> <input data-enhanced="true" value="Service Interruptions" type="button" id="service_interruptions"> </div> I would like to use a custom icon. Can this be done with this control? If so, please provide a sample. Thank you 回答1: Add a custom class to wrapping div and then override background-image and background-size of that class using

jquery mobile ui-input-btn custom icon

由 生来就可爱ヽ(ⅴ＜●) 提交于 2020-01-05 08:12:11
问题 Using jquery mobile, ui-input-btn.... <div class="ui-input-btn ui-btn ui-icon-alert ui-btn-icon-top"> <div class="buttonText">Service<br/> Interruptions</div> <input data-enhanced="true" value="Service Interruptions" type="button" id="service_interruptions"> </div> I would like to use a custom icon. Can this be done with this control? If so, please provide a sample. Thank you 回答1: Add a custom class to wrapping div and then override background-image and background-size of that class using

PhoneGap Javascript not working other than in index file

由 微笑、不失礼 提交于 2020-01-05 08:01:53
问题 Hi I'm trying to run a javascript function (an alert to test) but it is not firing when in a page other than the index.html. here is an example of a page that is not firing the javascript alert ( note that < is removed from all of the tags so as to render in stack overflow): <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" /> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <script type

jquery mobile on Windows phone 7 images not loading

由 梦想与她 提交于 2020-01-05 07:54:08
问题 <link rel="stylesheet" href="scripts/jquery.mobile-1.0.min.css" /> <script type="text/javascript" src="scripts/jquery-1.7.1.min.js" ></script> <script type="text/javascript" src="scripts/jquery.mobile-1.0.min.js" ></script> <script type="text/javascript" charset="utf-8" src="scripts/phonegap-1.3.0.js"></script> images address: images/ajax-loader.png I'm using phonegap and jquery trying to run this simple app i wrote on windows phone 7. it has no problem running on chrome /ios (images
订阅 jquery-mobile