jquery-mobile

问题 Can you please tell me how to resize the text area? Actually the problem is that I open the pop up screen on button click. In my pop up screen I have one text area (having small area). <textarea cols="40" rows="8" name="textarea-12" id="text-12" class="caseTextArea_h" autocorrect="off"></textarea> I write many characters on that text area and than close it. Again I open this and it has the same area that was before closing(large area)? How to resize that text area so that it starts with same

问题 I'm creating a mobile version of my website and it has a huge space at the bottom of the page. I've tried all that I can to remove it but it doesn't even bulge. Any suggestions on how to solve this problem. Here is the link I've tried stuff like body { margin-bottom: -25px;} and it still didn't work. 回答1: Yes, fixed position footers are the way to go: <div data-role="footer" data-position="fixed"> <a href="#" data-rel="back">OK</a> </div> 回答2: After a couple of experiments, I solved the

问题 I made a horizontal slider using iScroll. I want to show a lot of images (or divs), and I added those images like this: <ul> <li style="background: url(fotos/PabloskiMarzo2008.jpg) no-repeat; background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; -webkit-background-size: 100%; -khtml-background-size: 100%; "></li> ... <ul> But it gets a lot of time to load every image (instead of images I'm going to use images map or divs). How can I do that load images on demand? When

问题 I made a horizontal slider using iScroll. I want to show a lot of images (or divs), and I added those images like this: <ul> <li style="background: url(fotos/PabloskiMarzo2008.jpg) no-repeat; background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; -webkit-background-size: 100%; -khtml-background-size: 100%; "></li> ... <ul> But it gets a lot of time to load every image (instead of images I'm going to use images map or divs). How can I do that load images on demand? When

问题 Closed . This question is opinion-based. It is not currently accepting answers. Want to improve this question? Update the question so it can be answered with facts and citations by editing this post. Closed 5 years ago . What is the best approach for changing pages in a multipage mobile application? I have seen it done both ways (as shown below). I can't seem to understand which one is the best approach. Are there differences between the two? $("#nextPage").load("myapp.html", function(){

问题 Using JQM 1.4, I no longer can open a new popup from another popup. <a href="#popupBasic" data-rel="popup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline" data-transition="pop">Basic Popup</a> <div data-role="popup" id="popupBasic"> <p>This is a completely basic popup, no options set.</p> <a href="#popupBasicAnother" data-rel="popup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline" data-transition="pop">Another Popup</a> </div> <div data-role="popup" id="popupBasicAnother"> <p

问题 Hey I'm having a problem with inserting an ICanHaz.js template into a jquery mobile doc on the 'pageshow' event. The HTML inserts into the DOM fine and displays fine, but none of the jQuery Mobile UI classes are applied etc. The following code is coffeescript: $('#trailRewards').live 'pageshow', (event, ui) => html = ich.t_reward_list() $(html).trigger('create') $('#trailRewards').html(html) Am I calling the 'create' event at the wrong time, or am I triggering the wrong event? If the html is

问题 Hey I'm having a problem with inserting an ICanHaz.js template into a jquery mobile doc on the 'pageshow' event. The HTML inserts into the DOM fine and displays fine, but none of the jQuery Mobile UI classes are applied etc. The following code is coffeescript: $('#trailRewards').live 'pageshow', (event, ui) => html = ich.t_reward_list() $(html).trigger('create') $('#trailRewards').html(html) Am I calling the 'create' event at the wrong time, or am I triggering the wrong event? If the html is

问题 I have a very simple bit of code just to try and throw up an alert when the soft keyboard is open. I'm just trying to establish that this a viable method for showing the keyboard is open. document.addEventListener('deviceready', function () { $.app.deviceReady(); document.addEventListener("showkeyboard", function(){ alert("Keyboard is ON");}, false); document.addEventListener("hidekeyboard", function(){ alert("Keyboard is OFF");}, false); }, false); These events never get triggered on IOS.

问题 When I load my jQuery Mobile page on an iphone, some of the page extends out of the initial viewport. The space that is out of the initial viewport to begin with is white, not gray which it should be. I've attempted to set the height to 100% using this line of code: [data-role=page]{height: 100% !important; position:relative !important;} however this still does not do the trick. 回答1: First, don't misuse !important . To diagnose what's wrong with the CSS, you can use Firebug in Firefox /