jquery-mobile

Cordova/Phonegap ignores fullscreen preference in config.xml on iOS

由 纵然是瞬间 提交于 2019-12-19 03:28:06
问题 I have defined <preference name="Fullscreen" value="true"/> But deploying through Xcode it ignores this. Even if I set hide status bar on the build settings. All my other config.xml settings seem to work, but not this. 回答1: Fullscreen does not work on iOS 7 and above. Instead you can use Cordova HiddenStatusbarOverlay Plugin to hide the statusbar. Another way to hide it is to use a gap:config-file element to overwrite the UIViewControllerBasedStatusBarAppearance property: <gap:config-file

JQuery Mobile Form Submit not working

由 ﹥＞﹥吖頭↗ 提交于 2019-12-19 03:27:29
问题 I've seen other similar issues here that have found solutions but after trying them, none work on my case. I am submitting a form using JQuery Mobile. After I submit I get a loading message and nothing else. Does anyone have any ideas? Here is the relevan code: in the head: <!DOCTYPE html> <html> <head> <title>Page Title</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery

resume webapp from previous position?

由 喜夏-厌秋 提交于 2019-12-19 03:23:02
问题 I have a webapp which stores the users data as they progress so that if they click on an external link while in the home screen app mode on an iPhone and leave the app to view a webpage or similar. When they return the webapp how will resume at the same position.? currently its not going to same position, its redirecting to home page i want its resume from previous position.. How to do this, any idea? 回答1: It's not (for the most part) possible for a web app to resume where it left off,

jQuery mobile: How to invoke this (default) error loading page message?

由 有些话、适合烂在心里 提交于 2019-12-18 17:29:11
问题 I am building RESTful mobile app and I like the default behaviour when resource is not found. jQuery Mobile shows this: However, when I do my custom AJAX in onError (because resource is not found) I'd like to show fancy message (however, nothing happens in my code, default behavior is ignored): $("#some-place").bind("pageshow", function() { $.ajax({ type: "POST", url: "some-place/places.json", cache: false, dataType: "json", success: onSuccessInitPlaces, error: onErrorInitPlaces }); return

JQuery Mobile sliders inserted dynamically

由 ＊爱你＆永不变心＊ 提交于 2019-12-18 17:12:23
问题 I'm inserting sliders dynamically. The problem it's that when I insert them dynamically they don't have the theme of jquerymobile. Here's the code i use: for (var i = array_colors_available.length - 1; i >= 0; i--) { $('#insert_colors_slider').append('<div data-role="fieldcontain" ><fieldset data-role="controlgroup"> <label for="slider-8">'+array_colors_available[i]+' : '+'</label><input id=slider-'+i+' type="range" name='+array_colors_available[i]+' value="0" min="0" max="25" data-highlight=

Jquery Mobile Android - Fixed full-screen background image?

由 雨燕双飞 提交于 2019-12-18 15:54:23
问题 I'm trying to add a full screen fixed background image to the first page only of a jquery mobile app for Android (I'm also using phonegap). In a nutshell, I would like the background image to be fullscreen and fixed, while the page content scrolls above it. The background image also needs to scale to the size of different devices. Here is what I have so far... <div data-role="page" id="unit-list" data-theme="a"> <div id="background"> <div data-role="header" data-theme="b"> <h1>Header</h1> <

jQuery mobile: Enable Word Wrap in ListViews

由 隐身守侯 提交于 2019-12-18 15:47:15
问题 I have a listview (see photo below) that I would like to word wrap all the contents instead of adding ... to the long lines. How is this done? 回答1: You just need to update the CSS for the .ui-li-desc element that holds the text in your list-item: ​.ui-page .ui-content .ui-listview .ui-li-desc { white-space : normal; }​ Here is a demo: http://jsfiddle.net/Xc6PJ/ Some good documentation for white-space : https://developer.mozilla.org/en/CSS/white-space Here is a sample list-item from my test

Multiple split buttons on jQuery Mobile list

由 可紊 提交于 2019-12-18 13:37:15
问题 Is it possible to have multiple split buttons in a jQuery mobile list? I've tried doing this: <ul data-role='listview'> <li> <a href='#' id='1'>1</a> <a href='#' id='btn1'></a> <a href='#' id='btn2'></a> </li> </ul> But it doesn't work. Neither does wrapping the links in a <div data-role='controlgroup> . Am I doing something wrong, or is it just not possible without a hack? UPDATE : The list is dynamically generated by doing $("#listid).append("<li>...</li>") . http://jsfiddle.net/nrpMN/3/ .

What is the best practice organize a jQuery Mobile application?

由 北城余情 提交于 2019-12-18 13:29:14
问题 I have found article that skims over this. But my main question is do I need a separate .html file for each screen? I am thinking yes but I would like an unanimous vote. Also, does that go for separate JS files too? Edit: JQM app is basically to admin users and roles. 回答1: We have a production jQM site here's how we do things - and yes others may disagree but we found this works for a very large site. Use multiple single HTML pages, a large multi-page template defeats the benefits of jQM's

jQuery Mobile vs AngularJs page navigation

由 南楼画角 提交于 2019-12-18 13:19:29
问题 I am developing a hybrid mobile app using jQuery Mobile and AngularJS. I decided to use a mix of the two for the following: jQuery Mobile good UI features not too heavyweight (compared to Sencha Touch, for example) AngularJS good performance and resource management (caching, asynchronous requests) personal experience I have little to no experience with jQuery Mobile and, as I was learning, I noticed a potential conflict between the page navigation models of the two. Should I use only one ? If
订阅 jquery-mobile