SplitView
What about SplitView for larger displays like pads?
Grouped buttons in header bar
It could be nice to have the possibility to group buttons in the header.
Correct "href" for the Back button
Hello everyone. I have a small app based on jQueryMobile, made of a number of pages (it has one landing page, the first <div> with data-role="page" and a number of secondary pages; not deeper than that). On all but the first (landing) page, I have been using the default "Back" button that was added to the header bar by default and it worked great. Now I need to add a new button to the header bar so it seems I need to define the "Back" button as well. My question is what would be the correct value
Issues moving from 1.4.3/1.0a1 -> 1.4.4/1.0a2 jQueryMobile
I have posted this before but have not received any response so I am trying again. I have a suite of test pages that work fine with jQuery 1.4.3 and jQueryMobile 1.0a1 However, switching to 1.4.4 and 1.0a2 all things are screwed up. I have a file on my public dropbox should any of you jQM engineers want to look at it. the ONLY thing that I have changed is which libraries are used. [Originally posted November 12, 2010] http://dl.dropbox.com/u/1421871/jQMTest.zip mse
Icon only button with full button chrome
What is the best way to have a button like this : <input type="button" name="btnErase" id="btnErase" data-icon="arrow-l" data-iconpos="notext" /> Displayed with the full button chrome (like text button) instead of only a diminutive icon?
Toggle edit mode function
When you have a list with items it could be that you want to add a delete button to every row when in edit mode. It could be nice if there was some kind of "edit-mode" flag for a <li/> item which can be toggled by a button. Just a mockup: <ul id="lstItems"> <li>Item 1</li> <li data-role="edit-mode">Item 1 <a href="#">delete</a></li> <li>Item 2</li> <li data-role="edit-mode">Item 2 <a href="#">delete</a></li> .... </ul> <a href="$('#lstItems').toggleEditMode()">Toggle
JQM on Opera 10 / HTC Touch Diamond 2 / Win Mobile 6.5
Hi, browsing the JQM-Demopages with Opera 10 on a HTC Touch Diamond 2 (Win Mobile 6.5) I have to scroll in horizontal direction on each page. Apparently the width breakpoints do not fit to that device. Does anyone know how to make JQM-Pages really usable on this (and similar) devices? Thanks for your help!
Delegate from jquery/ iOS
Hey Guys, I use the following code in my WebView to delegate to a native method in my iOS application: <h1><a href="showSettingsView">Show Settings</a></h1>In a pure HTML Doc it works fine, but in my JQeury Application it does not work. How can I delegate to a method in my iOS app from JQuery Mobile? Thanks a lot.
Did the behaviour for rel="external" change?
With the 1.0 I was able to click on this URL <a rel="external" href="http://????:????/test/test.html">Play Video</a> Now with 1.0a2 i get the following URL when I click on this link: http://????/:????/test/test.html it appears anything after the colon is treated like a directory. Can anyone help? thanks
Referencing internal pages on an external page
I've been working with jQuery Mobile and trying to setup a content site where each page has two internal pages, one of which is actually a menu for the site. I'm having an issue though where the content I want selected by default does not seem to be showing up. I have a working example of my issue here: http://stanlemon.net/mobile-demo/index.html Start by clicking "menu" in the upper right, and then click on "test". You should see a lorem ipsum set of paragraphs but instead you're taken to the menu.
Disable href link
is it possible to disable several href links, as I could do with having several href tags but with out them trying to load what ever is within the href, as I want manipulate the href content myself if you see what I mean For example something like <a href ="content" data-role="disable" >sdasdsa</a> so if this link is click it does nothing, so that I can then manipulate it in my code further down: $('#idname a').bind('click',function(e){ //do some code }); Many Thanks
Final build jQuery lib version
Hey, I'm in the process of starting up with jQuery Mobile to work with the Lift framework. My question is, is there a defined point release of jQuery that will be required for jQuery Mobile to work? Is it certain to be a 1.4.x build? Thanks
Form get() URL management
I am trying to find out how to do a standard http form get and NOT include any ajax/jquery navigation. In my project divided into two parts (1) jquerymobile form <hands over to> (2) non-jquerymobile (same domain) webpage. The mobile form makes a standard get() request to the non-jquerymobile page. On form submit however I constantly get the following: TypeError: Result of expression 'k.data("page")' [undefined] is not an object. jquery.mobile-1.0a2.min.js:88 If on the non-jquerymobile page I
After swipe, first blank screen
Hello, I am having a problem with jQuery Mobile. When i add a swipeleft to a page it works but first it loads a blank screen, just the body. When you click on the screen it works. Why does the blank screen first appear? Code: $("#page1").live("swipeleft", function() { $.mobile.changePage("#page2", "slide", false, true); }); Any Ideas?
Getting started with jQuery Mobile
How does one get started with jQuery Mobile? I've seen articles on getting started with jQuery Mobile in Rails and in asp.NET, but this requires learning those frameworks. Is there any simpler way to develop with jQuery Mobile? Thanks.
Mobile Browsers to test?
Which are the available Mobile Browsers / Emulators that can be used to test a site developed with jQuery Mobile - on an Ubuntu system? The Only one that I know of is Opera which gives emulators of various screen sizes.
Problem with ui-btn-active class and status flickering
I have a jQuery mobile app up and running at the following location: http://l5rhonor.com (I'd love your thoughts on the app.) All in all the app runs great, though I've started to see the following issues: 1. After interacting with the app for a little bit (changing options, swapping back and forth between the "My" and "Opp" screens, I find that the "ui-btn-active" class seems to lose its proper reference and will hi-light the wrong button. 2. After interacting with the app for a little bit (same
javascript
hello, I´m new to jquerymobile, I call the follow page with this $.mobile.changePage("contenido/contenido3.html", "pop",false,true); I do not understand the why the alert message is not displayed. Thanks. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" /> <link rel="stylesheet" href="docs/_assets/css/jqm-docs.css" /> <script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
postback causes animated transition
simple example: on my login page, user enters login/password then hits submit button. Submit button posts to server, validates request. If authenticated, user is taken to main menu else login page is shown again. In alpha 1, if login failed, postback would return login page with no transition as you might expect it to work. in alpha 2, if login failed, jquery mobile transitions the same login screen from right to left which is not what you would expect to happen. Can anyone explain if this is a
Loading external pages to minimize loading constraints
I am pretty new to the jquery mobile platform. The one issue i have is that if i am loading a external page that requires jquery mobile skinning. It will not only skin the external page but It will apply skinning to the main page elements. How do i control the skining of elements. Is it possible to SKIN a area based on div id? here is the code i am using to load a external page. Any help is much appreciated i am stuck on this one $('#myDIV').load('content.html', function() { alert('Load was
How do I transition a nested lists without replacing the entire page?
Here I am developing for the IPad. For navigation I am using a nested list. I am looking for pointers on how to transition the navigation div only when a user taps one of the items. The default behavior is to replace the entire page with the nested list. I'd rather find a way to only replace the Nav div.
jQuery Mobile - android/safari crash on submit
Hi all this is my first post. The problem im having is with a simple script i made a year back and now trying to get working on mobile. It's basicaly getting twitter feeds and displaying the amount of feeds you want per person. the problem is, when clicking on the username input box and then typing the username, it will crash if you press the `green enter button` ( for those on android, latest version, HTC Desire ). It will not crash if you simply hide the keyboard and then go to the submit button.
Dynamically added checkbox break screen when the text is a bit long.
I'm adding some checkboxes dynamically, it normally works fine, but when for example the label of one of of the check boxes is a bit long it just breaks the screen, it would look something like http://cl.ly/0O1S043N1N070j1a182p and http://cl.ly/2j0H0s0c26362g41350M Shouldn't the framework automatically make the box to fit the screen ? Has anyone had this problem before ?.
Listview accordion plugin
Just add a <div class="ui-li-accordion"></div> to a <li> and it turns the list item into an accordion fold. https://github.com/borismus/jquery-mobile/tree/master/experiments/listview-accordion/
Listview discrete category filter
Discrete filter plugin for listviews implemented as a dropdown at the top of the list, which selects only <li> with a certain data-category attribute. https://github.com/borismus/jquery-mobile/tree/master/experiments/listview-category/
If mobile use jQuery or PHP?
Want to do a check if devise is mobile or desktop then pass respective files (css, js, etc.) I see many referring to WURLF, is this what is mostly used or something else?
How much to charge?
How much should someone charge for Developing a mobile version of a website using jQuery Mobile? There simple pages, just a lot of them (20+ pages).
What is the most effective way of unchecking a checkbox?
I'm trying to determine the most efficient way to simulate a user un-checking a checkbox. When I try to clear form elements via JQuery, I'm jumping through hoops to manage all of the styling. It feels like I'm missing something fundamental. For example, right now, I can do the following to simulate an un-check event but it feels pretty squirrely. $('#checkbox-label').attr('checked',false); $('label[for=checkbox-label]').removeClass('ui-btn-active'); $('label[for=checkbox-label]').find('span.ui-icon-checkbox-on').addClass('ui-icon-checkbox-off');
jQuery mobile seems to remove custom classes from buttons
I use input type="submit" and give it a custom class. jQuery mobile creates a fancy button from it but doesn't keep its class which I had given to it. If I use the "<a>" markup its fine. This is probably the way it works, but it would be nice to "import" the classes of the original <input> element to the new button.
jQuery Mobile and standard HTML page
Hi, My use case is to enhance an existing HTML page with some mobile oriented widgets. The same that I would use jquery.ui, I would like to use jquery mobile to dynamically add the widgets (fixed top toolbar, on tap menus/dialogs...) and I do not want the framework to interfere with existing code. Architecture of the current jquery mobile implementation (version 1.0a3pre) is completely page oriented and core code is really intrusive: ( $("a").live( "click", function(event) { This may break all existing
Will a reduced size jQuery file be available in the future?
Right now, pages using jquerymobile call 2 scripts - jQuery (76KB uncompressed) and jquerymobile (44KB uncompressed). Due to various mobile device and network limitations, there is a urgent need for a jQuery file that offers the same functionality and syntax but is significantly reduced in size (by stripping down the cross-browser compatibility code and possibly aiming for webkit capabilities). The alternatives (XUI, Zepto) do not entirely aim for this goal. Any plans? Thoughts? Thanks, Ran
Submitting a form produces unexpected results.
Hi, I am building a webapp and everything was going fine until I tried to incorporate a login page. I have used the login script many times before and only seem to be having an issue with jquery mobile. I have all my "pages" on index.php and my login div as the first page. (I also tried having it as the last 'page' with the same results). With the Form action as index.php after input validation it always puts me in the last 'page' (div) in the list. If you change my Form Action to #menu (which is
Navbar renders multiple times if it is defined within different pages but inside one HTML file
Hi guys, I'm currently having some trouble with the navbar. What I'd like to do is to use a navbar with three tabs in my application. Therefore I defined three pages inside on HTML file and added the navbar markup so every page, giving it the same data-id. The result of this is, that the navbar is rendered three times on the screen! I guess that happens since I define the navbar multiple times within one HTML file. But shouldn't this be possible? See my code on: http://jsfiddle.net/TM569/1/ Does
Radio, checkbox and select disappearing
I am using jQuery mobile to develop a mobile friendly site. When I post a form to the same page all the radio buttons, checkboxes and select boxes disappear. (The reason for doing that is to display validation errors above the form.) More generally if any of these controls has an id which is the same as a post variable name they just don't display. I don't know whether it is a bug or feature, but it seems to be the former to me. Edit: I figured out in the meantime, that it is not neccessary to actually
Stopping keyboard from showing!
Hi All. Is there a way to stop the keyboard from popping up once I focus on an input field. I have tried eve.preventDefault and event.stopPropagation() but I cant stop it. Is there a way to do this ? Thank you if you can advise.
Some page rendering issues
<legend> inside <fieldset> makes Safari (both on Mac and iPad) not render the page. <div data-role="footer"/> makes the browser not render the page; Chrome, FFox, Safari. <div data-role="footer"></div> works fine.
Programmatic page modification before jquerymobile kicks in
Hi, I have a single html document with multiple pages. I don't want to repeat the navbar for the pages. My idea is to define a invisible div element that contains my navbar and, before jquery mobile does its magic, I want to enrich each page with a copy of the navbar. Something like $('div[data-role="footer"]').append($('#footer-template').children()); If I do it in the $(document).ready function, this is too late. If I do it in the $(document).bind("mobileinit") function, it is too early because
Form post problem because of ajax navigation using asp.net mvc with jquery mobile
I have a login form in the inner pages but because jquery mobile uses ajax navigation i am not able to post that form when the page is ajax loaded...but if i put rel="external" in the login link at home page the login form is posted easily but than i lost the cool features provided by jquery mobile ...Is threre any way to post the form while not using rel="external" at the home page........Please suggest
Jquery support for mobile phone?
Can any one tell me about jquery support for mobile phones
Closing a dialog on form submission for local storage
The app I'm currently making uses local Web SQL databases to store user input, and the forms to do so are linked to with data-rel="dialog". However, all the docs are about sending form data to a server, so I'm not sure how to handle this with jQM. I've currently got $('form').submit(function(){ saveMyData(); return false; });which does a great job of saving my data and not trying to go through with an action. Unfortunately, it also doesn't clear the dialog, and that's where I'm hitting
Next Page