jquery-mobile

问题 Disclaimer: I am using JQuery Mobile. I have a bunch of pages with different forms on, but some of them seem to exhibit different behaviour when pressing the next/previous buttons. All forms are set up with tab index. Form 1 works perfectly, except it skips the JQuery Mobile flip switches and radio buttons, which isn't really a problem as they are a bit different. Form 2, the element with tabindex="0" has focus set to it using $("#myElement").focus(); and then the next button is disabled, and

问题 I'm trying to create a home page screen where the buttons in the body take up the full screen after the header and footer. Ideally the buttons 2x2 will stretch out to the remaining space on the screen. I tried using ui-grid-a to stretch the buttons to the width of the screen but was unable to alter the height to the screensize. <section id="Home" data-role="page"> <header data-role="header"> <a href="#Home">Home</a> <h1>testapp</h1> <a href="#Setup">Setup</a> </header> <div data-role="content

问题 I'm trying to add a cookie request to this code to maintain the user's selected font-size across jQM pages once they change it. Never done this before. Can anybody get me started? <script> $(document).ready(function () { $(".increaseFont,.decreaseFont").click(function () { var type = $(this).val(); var curFontSize = $('.gridContainer').css('font-size'); if (type == 'increase') { $('.gridContainer').css('font-size', parseInt(curFontSize) + 2); } else { $('.gridContainer').css('font-size',

问题 experiencing this strange problem where custom icons are messed up on the iPhone, but no other device. Below is a screenshot, and further down my code. Can anybody shed any light on this? Got 1 pissed off client ;). Thanks! ~Harley <div data-role="controlgroup" data-type="horizontal" id="share"> <a href="http://twitter.com/share?text=check out @lahznimmo's project: <?php the_title(); ?> - <?php the_permalink(); ?>" data-role="button" target="_blank" data-theme="c" data-iconpos="notext" data

问题 experiencing this strange problem where custom icons are messed up on the iPhone, but no other device. Below is a screenshot, and further down my code. Can anybody shed any light on this? Got 1 pissed off client ;). Thanks! ~Harley <div data-role="controlgroup" data-type="horizontal" id="share"> <a href="http://twitter.com/share?text=check out @lahznimmo's project: <?php the_title(); ?> - <?php the_permalink(); ?>" data-role="button" target="_blank" data-theme="c" data-iconpos="notext" data

问题 I'm building a mobile application using jQuery Mobile and I would like to implement an apple style notification icon in the top left/right corner of a single navigational element. Something along the lines of the image in the following URL: http://elephant.merryfull.com/images/mail_icon.jpg I've managed to get something basic using the following html/css/js HTML <header data-role="header" data-position="fixed"> <h1>Title</h1> <nav data-role="navbar"> <ul> <li><a href="a.html" class="ui-btn

问题 SO I have a tooltip which is a hidden div that toggles below the input elements. On focus I display the tooltip and hide on blur. The problem is when in landscape or displaying on a tablet device the tooltip is left under the label element which looks out of place. But is portrait the label is on top of the input element and the tooltip is below. This functions and looks as expected (like I want). Live Example: http://jsfiddle.net/jtnmC/3/ Question: So in landscape how do I align the tooltip

问题 I'm trying to upload a file to MVC 4 Internet Mobile Project (from the template..) anyway, the code works fine until i add the JQuery Mobile library to the page and the file is passed null to the controller. [HttpPost] public ActionResult FileUpload(HttpPostedFileBase file) --> file is null when using JQuery Mobile Can someone show an example for how to enable the post to receive files ? EDIT: from another check i did, it seems that when a file is picked from the file system, it comes out as

问题 I am relatively new to jQuery. I am working on an application to create a widget for accepting donations for NGO. <div data-rle="content" id="save"> <label for="saveWidget">Save your Widget before posting in online:</label> <input type="submit" value="Save Widget" id="saveWidget" data-theme="b" data-inline="true" /> </div> <div data-rle="content" id="post"> <fieldset data-role="controlgroup"> <legend>Select on option for posting your online:</legend> <input type="radio" name="submit" id="html

问题 I use rails and jquery mobile for my site. To create a button styled link, I have to do add specific info, like this: <a href="user/login" data-role="button" data-theme="a">login</a> To do this in Rails, I should use the link_to like this: <%= link_to 'Login', :controller => "user", :action => "login", "data-icon" => "button", "data-theme" => "a" %> But this is not working, it shows as a normal link. When I look in the code it looks like this: <a href="/user/login?data-icon=button&data-theme