Html file not loading
Can anyone please tell me why the ShowMe.html file below is not loading up? Its in the same directory. Android platform. <p><a href="ShowMe.html" data-role="button" data-theme="b">Create a Wall</a></p>
Closing dialog with js loads incorrect page
In my app I have a number of dialogs containing forms and when the forms are submitted (using ajax) and done I use $('.ui-dialog').dialog('close'); to close them. If dialogs have been opened from previous pages the wrong page (the parent's parent) is shown when the dialog closes. This also happens if I have multiple dialogs opened from one page. It works fine when I open just one dialog and if I close a dialog with the close button. Many thanks in advance. M.
a4.1 Icon positioning in Android 2.2
Updated to a4.1 and now the icon positioning is off in Android 2.2. Looks ok in Firefox 4.0 desktop browser with iPhone 3.0 user-agent.
collapsible does not appear when returning to page
I've generated a collapsible dynamically and it works when I first go to that page, but subsequent visits do not show the collapsible. What am I not understanding? Here is the code. click 'Run' at the top left to start.
Dynamic Pages with jQuery Mobile
Hi all, I'm a new member of this forum and I greet all members of this comunity. I have a question for you relating jquery mobile. I have a web page that is built dynamically with inserting in the message body some tags "a" with href that link to an external page. These links work fine, but the problem is when I try to come back to dynamic page from the external page, all that has been created previously you don't see anymore. I home you can help me. Thanks
Jquerymobile - problem: Change image on radio button select
Dear all, im new to jquery and jscript i would like to change images depending on the selection of a radio button. i try it like shown below but cant get it working, can you help me ? Thanks Thomas <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-1.5.2.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
stop rendering of select by jquery mobile.
Is there a way of stopping jquery mobile from rendering certain elements. I've written a dynamic mobile app that uses a web service to get data and jquery to dynamically build content. However <select> rendering seems quite slow and I like the look of the native iphone / adroid selects. Also I find if I display a page once it will render correctly. However if i change the data and redisplay the page the rendering is lost. With jquery mobile 1.2a I can stop it by not in closing <select> in a field-contain
jQuery mobile -- phone and tablet size app
Hello, I am exploring jQuery Mobile to develop both phone size and tablet size apps. Does it mean i need to prepare 2 different apps.. or will it just minor difference? What are the difference in coding? Any clue will be appreciated. Thanks, -iwan
Modifying jquerymobile themes
Hi, The Jquerymobile themes framework its cool. I need to modify some of the colours of the default themes, is there any easy and "clean" way to do so? thanks!
Problem with rounded corners
I am trying to develop an app for a mobile. I noticed in the JQueryMobile demos, all of the buttons and fields have nice round corners. However, even when copying and pasting the code directly from one of the demo pages, all of my corners are square. Can someone please help? Here is my code: <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1"> <title>No Decompression Dive Planner</title>
Navigation degraded from JQM 1.0a2
Hi All, my application relies heavily on ajax calls to pull data into pages. I have some 10 pages altogether which are mainly placeholders adhering largely to the multipage boiler point template in the JQM documentation. All ajax calls are routed through a single method. in the browser, there's no noticeable difference in relation to navigating between pages etc. However, when running the application on an Android phone or an iPhone, I'm experiencing significant issues with JQM version 1.0.a4.1
Best Practices for Pagination (morenation)
Has anybody built a good morenation script for a list view? By morenation I mean a facebook style where the next page is attached to the end of the list rather than pagination where you would go to the next page. Right now, I have a list view and added a li at the end with my more link. This is my current code $('.more a').live('click', function(){ Mobile.showIndicator(); var more = $(this); var list = more.closest('ul,ol'); var url = more.attr('href'); console.log(url.indexOf('?'))
Images will not show on BlackBerry 9800 simulator
I have tried both the data-icon attribute and the standard icon that gets displayed with say a data-role="collapsible" element. What is rendered is a grey circle without the icon in the middle. I have tried different themes with the same result.
I tried to prevent history stack change and dont know if i was successfull
Hello! I got a few links for interaction only. The links should display the servers html result but not change the history stack. acting more like an input form... For simplicity i wouldnt write javascript event code for handling stuff. So i started with this html markup. <a href="/bla/fourtytwo/hangman" data-changepage="false">change form values</a> I've implemented my new data attribute changepage in jquery.mobile.navigation.js. It seems to work but because i dont have a glimpse about jqm core
jQuery Mobile problems with JQuery UI Grid
Hi, I´m playing around with a mobile web prototype, using jQuery Mobile alpha 4. In the prototype I´m using the jQuery UI grid. But the rows is not showing when the mobile js is referenced, using templates. Using a pre-filled table other grid function like a select function doesn´t work. Removing the reference and running the same code with only jQuery works fine. I´m not expecting that the should work together at this stage, but I´m curious if anyone else tried this or have any info on the subject.
jQuery Mobile rendering problems with content being added after the page is initialized?
I'm using jQuery Mobile and Backbone JS for a project. It's mostly working, using jQuery Mobile's event 'pagebeforeshow' to trigger the correct Backbone View. In the Backbone View for that particular jQuery Mobile page, that's where it's doing all the dynamic things needed. Some of the things the views do is pull in certain bits using Underscore's templating system. This is all great until where I pulling in form bits using the templating system. For example, a set of dynamic radio buttons (which
Solution slider change swipeleft events
Hello everyone, I have found a "workaround" for the next situation, but i'm interested in hearing alternative solutions. Context: A jqm dashboard page which listens to the swipeleft event. A jqm slider on the dashboard page. Challenge: When sliding the handler of the slider to the left....swipeleft is triggered and i'm gone off to the next page... So, how to prevent swipeleft in this case from doing what is does? Of course, when swipingleft on the rest of the page this should work as normal. Question:
Will jQueryMobile work on a mobile device with IE6? Does it work on Motorolla ES400?
I'm looking at getting a Motorolla ES400 which I believe is running Windows Mobile 6.5.3. It looks to be running IE6 but not sure. Will the jQuery library and jQueryMobile run on this device? If it does run on IE6, are there any limitations such as no transitions, rounded corners etc? Thanks
funny (and even chuckleable) problem with calling .hide method on active page in ie9
Hi, If you call .hide() on the active page in ie9, the browser window minimises. Is there a workaround for this? cheers Matt
How to make Jquery mobile use less space?
I have difficulties figuring out how to make the components of a jquery mobile driven webapp take up less space in a generic way allowing the users to use the app. without scrolling. I can go in and alter the css for all the elements on the page, but that is not trivial since jquery mobile creates a lot of elements for me. Is there a way to set some css settings to make the app. use less white space and maybe make the components sizes smaller? Morten Denmark
FYI - Can't tap white space on Android listview
This is just some info for others. I'm not always clear on what parts I need from the jQuery Mobile code so I tend to look at the code on the jquerymobile.com site and cut and paste. Found a problem with List Dividers that I cut and pasted into my code causing it to break. <li data-role="list-divider" role="heading" tabindex="-1" class="ui-li ui-li-divider ui-btn ui-bar-b ui-btn-up-undefined">A</li> This <LI> code works great in FireFox but caused problems with the actual list items I was trying
autoInitialize Option Removed in 1.0a4?
Hi, To get1.0a3 working on webOS with Phonegap, I would set jQuery.mobile.autoInitialize = false; in a "mobileinit" event handler, and then call jQuery.mobile.initializePage(); and jQuery.mobile.autoInitialize = true; in a "deviceready" event handler. If I did not do this, I would get an error that _trigger() couldn't be called on undefined. This error did not appear on iOS, so apparently it was only an issue with webOS. In 1.0a4, the relevant lines that supported the autoInitialize option
Persistent Footer Nav Bar
Two questions about the persistent footer navigation bar... Is it possible to disable the functionality where it is possible to toggle the visibility of the persistent footer nav bar by tapping on the screen? They are used as mandatory navigation buttons, and I don't want to risk the user accidentally hiding the nav bar and not knowing what to do. On the Android, if the keyboard is displayed, the persistent footer nav bar is re-positioned directly above the keyboard. On the iPhone, this does not
Jquery Mobile - Scroll View Page - on UL-LI
Hey guys .. need some brain assistance. Im trying to do a iphone web app, and i really like the "Scroll View Page" effect, and i would like to transfer onto a UL list ... I tried to rip it directly with the css and js files it seems to be using - but i just cant seem to get it to work. The path to the files should be ok ... Does anyone know if there is a zip file containing this effect or something like that, so i can dload and start trying stuff with the effect .. any how, link to the desired
href alternative?
Is there a decent alternative to the href element? I need this because the href removes the fullscreen of an app and re-opens it in browser even after the user bookmarked the webapp. simply replacing <a href="myLink.html">mylink</a> with <a ontouchstart="window.location='myLink.html' ">mylink</a> doesn't work because of the hashtag navigation.
Can't update text of collapsible
I'm trying to update the content of an h3 tag inside a collapsible and when I do it doesn't draw the JQM decorations. You can see it here. Am I missing something?
Pros and cons of internal linked pages
Is there any good reason why internal pages are more mobile optimized than their multiple pages conterpart ? Any thought ?
Calling a Script when button clicked
I would like to call a script defined within script tags in the HEAD section of the jsp. <head> <link rel="stylesheet" type="text/css" href="jquerymobile/jquery.mobile-1.0a1.min.css" /> <script type="text/javascript" src="jquerymobile/jquery-1.4.3.min.js"></script> <script type="text/javascript" src="jquerymobile/jquery.mobile-1.0a1.min.js"></script> <script> $("#button").click( function() { alert('button clicked'); } ); </script>
Ugly header buttons in some Andoid phones
I have some problem with the home- and backbutton in the header of this mobile web http://mobil.flisbyab.se the rounding of the buttons get pixels around them and in some android phones the the arrow and house icons are missplaced Is this known issues in androids? I just used the standard css but with my own color theme /jesper
listview behaves differently from a3.0 to a4.1
My application had no problems with the listview when it was using version a3.0. I upgraded to a4.1, and the listview has the following problems: 1) No right side arrow is displayed 2) One must click the button text to trigger the event. Before, I could click on the entire panel 3) The hyperlink is underline This is the markup: <ul data-role="listview" class="ui-listview" data-inset="false" id="listResults"> <li class='ui-li-has-thumb ui-btn ui-btn-icon-right ui-li ui-btn-up-c' data-theme='d'>
Dialog close button override
Hey all, I have couple of pages with links that have data-rel="dialog" which gives the nice pop up effect and formats the page to look like a hovering dialog, I now need to overwrite the url that is put into the automatically generated cross button on the top left corner that is used to dismiss the dialog. I tried adding a back button but it adds it to the right side of the dialog and the cross is still there. The reason I'm looking to do this is that we are holding our own history on server side
bug in "change" event on select menu with multiple
i tried to add a "change" event on select menu, but the event dont execute when the first item of the list was unchecked. You can see this bug in this page http://jquerymobile.com/demos/1.0a4.1/#docs/forms/forms-selects.html execute in JS console the code $('#select-choice-10').live('change', function () { console.debug($("#select-choice-10").val().join(",")); }); and try to select the multiple select menu with states: 1) check the first element 2) check other elements 3) uncheck the
AJAX navigation breaks in 4.1
Hi. I've got issues with navigation. The site I'm building is almost entirely dynamically generated. Main component is a listview full of links, which build pages and proceed to them when clicked. On every page there is an anchor tag (in the header) that points to the listview page. The HTML looks like that: <div data-role="header"> <a href="#contacts" class="icon-left" data-role="none"><img src="images/arrow_left.png" /></a> </div> It works only once. I mean, Only one click ever transfers user
changing <ul> to <ul data-role="listview">
Hi, I have a list which I'm displaying with icons and title only - no JQM formatting. If the screenwidth is below 320 px, I want to convert the list into a JQM <ul data-role="listview"> list. I can add the attribute via Jquery, but when I call $('.menuList').listview('refresh'); I get the following error: cannot call methods on listview prior to initialization; attempted to call method 'refresh' Any clues as to what I'm doing wrong? Thanks in advance. Frequent HTML: <ul class="menuList"> <li>
Enhancements not applied to slider inputs
Hi guys, I'm dynamically generating a set of slider controls. These render as expected the first time they are built, in a $(document).ready() handler. However when I call the same build function as a result of the user clicking on a button, they are rendered without any jquery mobile enhancements. I've tried calling the .page() function on the containing page, calling the .input() function on the input and various other things to no avail. Any ideas? Code below... Thanks - Martin <!DOCTYPE html>
page disapears with navigation
I have a page with multiple page's inside of it (2 for now). I then have a single nav list that I replicate inside of each page view. so the results are two pages with the same nav at the start of each. The problem is that if you click the home link when the page first loads the whole page disappears. I would like to replicate a single bit of navigation to make the page easy to maintain, but the only solution I see is to try and disable the nav for the "current" page. Am I missing something obvious?
Nested collapsible set into a collapsible set
Hi! JQM team! I first want to say that i had a lot of fun to use JQM framework! Thanks a lot! Usefull and easy to use! Very good work! I'll be glad if my problem contributes to your community. Here is my problem: I got a collapsible set (main menu). This one contains nested collapsible set (sub menu). When i expand an item of the main menu it works fine. Sub menus appears. But when i want to expand a sub menu item it close all menus items bringing us back to main menu items. here is my code <div
Clear cache on external link
Hello, Im currently working on a iphone + phonegap + jqmobile app. This app has external links to files like pdf. The problem i have is that if i press the pdf file it will load the file in a new windows. When i close the app and restart it again it will show the pdf again. Is there a way to clear the cache of jquery mobile? or is there a way to restart app when openening again? Thank you.
Persistant Footer in Alpha 4
Hi Guys, Currently I'm struggling with some issues on an persistant footer. I rewrote some of the css of jQuery mobile to implement a two column page for tablets. Works fine so far, but when i add data-id to my pages to make the footer persistant, i starts after the first page transition to add the style Top:0px. Can anybody tell me where to find this line of code? TIA cheers, Yoggl
Why does my swipe code not trigger on Android 2.1?
Hello, I am fairly new to jQuery Mobile. I have what I think is reasonable code for doing a "swipe" change on a page. It works on iPhone and on Android 2.2 ..... But for the life of me I cannot get this to trigger on 2.1 I can get the alert for the binds and such .. but no swipe alert........or rather....if I reload and swipe 10 times... it will work 10% of the time. Can anyone tell me why please? Thank you. <!DOCTYPE HTML> <html> <head> <meta name="viewport" content="user-scalable=no, width=device-width,
Next Page