jquery-mobile

问题 I made a jquery mobile page with multiple data-role=page divs to navigate within the page. The problem is that I need to keep the same background picture that does not refresh or move when I navigate within the page. Is there any way to do so? 回答1: You can remove the default background from the pseudo page elements and then add your custom background to the body element. This can be done with CSS: .ui-mobile .ui-page { background : transparent; } body { background : url(...); } Here is a demo

问题 So i have this app i'm building and i'm a newbie to android apps. I am using phonegap to assist in making things easier. i used their example they have posted and when take the picture the app reverts back to the index page of my app instead of going to the page i want. what i would like to know is where do i modify the code to go to another page and display the picture i just took? here is some of my code: <script src="phonegap-1.1.0.js" type="text/javascript"></script> </head> <script type=

问题 My programming skills are rudimentary at best, so please forgive me if I sound a little clunky discussing these things. I'm learning, but at a chimp's pace. Here's my issue: I'm using JQuery Mobile to bring in some form content as a dialog via ajax. This content is contained in the document itself, in second div with a data-role="page" attribute. Within that second page div, I have some javascript that defines a few vars, then writes them into the doc with document.write(). However, when I

问题 So I have an app I made using phone gap as a wrapper and targeted at specifically iPad. Now I want to incorporate an iPhone version of the app but have it so that its all complied together in one app. So I guess what my question is, does phone gap allow for device specific layouts and let you use JavaScript to detect this? 回答1: Yes, but the fastest way is probably to get the screen size of the device and start from there: var widthScreen = window.innerWidth; var heightScreen = window

问题 I have the below working code to fetch images from database mysqli_fetch_array() and load the images into layout grid structure in Jquery Mobile 1.2.0. The layout grid structure of Jquery Mobile uses built-in styled grid/blocks limited to five columns, ui-block-a up to ui-block-e . Hence, I am ought to stick to JQM styles. NOTE: I am using four columns structure, ui-block-a to ui-block-d In order to load eight (8) images into the blocks and have them styled correctly, I have to use these

问题 I've set up an iScroll on a nested div in one of my detail pages in a jQuery mobile site. Basically what happens is when I click on the button on the main page (for an 'about' page) it goes to the location with a hashed link (using Ajax from what I've gathered). Example: http://www.example.com/#about.php (this doesn't work with iScroll, BTW this is obviously not a real URL, just an example of syntax) Basically when I load the URL by itself (as a non-hashed link), the iScroll works fine, but

问题 I have a filter function implemented on "panel" in jQuery Mobile : I call filter by clicking on any button, the panel slides from left and there are filter options to set up current filter. If multiple select box contains a lot of options, it shows on a black background covering the whole page and it closes the panel. I need to reopen the panel with filter after this dialog of multi-select is closed... I am using this: $('#filter select').bind('change',function(){ $('#filter').panel('open');

问题 I'm resizing a JQM control button group to fit the width of the DIV its contained inside. However, I want to do this before the user sees anything. Currently, I can only make this work after the page has displayed, which works like a glitch. Here is my resize code: var myWidth = $(window).width() - 1.3*($(window).width() - $('#eventForm').width()); $('.eStatusLabel').css("width", myWidth/3); Here are the functions I have tried to use to triger this, but the #eventForm width is always 0: $("

问题 I need more than one mini-sized button inside a header Toolbar, but they appears smaller as they should be, and i'm not able to style this icon-only buttons inside a controlgroup like a single icon-only button, which works - instead - as expected, like in the JQM Demos. Which JQM classes should i use for this task? Do i need here a custom wrapperClass? <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

问题 In image there 4 list as of now sometimes it will be more and below of 4 //I am just uploading data from listview to server. //After selection of first page listview its going to another page (List view with checkbox), Now there are many lists with check box ,so I just want to select few of them and upload that selected list to server using rest api. //below code for first page <div class="example-wrapper" data-iscroll> <ul data-role="listview" data-insert="true" data-filter="true" data