Word wrap
Hallo, I using the following syntax to perform word wrap (white-space: normal;) The command is able to perform word warp on simulators and emulator but when I ran the app in an actual mobile device, its not performing the word wrap. Any one with some advice?
New collapsible lists as a selection list v1.2.0
To be truly useful, the new collapsible list feature needs to update the heading (h1,h2 etc) that is rendered within it to reflect the value of the clicked <LI>. Perhaps it should retain the original heading value and append the selection, or maybe not.... I'm sure this was the intent - the old way of showing native lists was unacceptable but the new does not update the heading as the old way did. So the question is "how do I do this?" (have I missed something in the doco) Perhaps this feature is
New collapsible lists within a form
The new trick in v1.2.0 to create collapsible lists works well except that it doesn't inset properly (at all in fact) when used within a fieldcontain. Please advise how to get this sort of layout: Label: New Collapsible list All the examples show the old, no markup type lists or use "selects" which are not lists (UL,OL etc)
Forcing JQuery Mobile to reload first page as well
So I noticed that the first page you open will always be in the DOM and if you ever get back to this first page via data-ajax it will just unhide this page. And here is my problem: I start on my basket page Go to a product detail page via data-ajax and add this item to my basket via an ajax call I go back to my basket page via data-ajax and my basket does NOT contain the added item because it just unhides the page and doesn't reload the basket page. Is there anyway to solve this. I know I could
Change date format for Jquery Mobile 1.2 Final?
Hi, I want to change default Format for text type field with format dd/mm/yyyy. How to? http://jquerymobile.com/demos/1.2.0/docs/forms/textinputs/ <input type="date" name="name" id="basic" value="" data-mini="true" /> thanks
JQM 1.2 CSS overrides background image with its default css
Hi, I have been using a background image, which used to work fine with the previous jquery.mobile-1.1.1.min.css. After using jquery.mobile-1.2.min.css, all my class settings are now overriten by the default jquery.mobile-1.2.min.css, and as a result the image is not displayed anymore. How can I fix this (without changing my class settings to ID)? Tnx <div data-role="page" id="page" class="backgroundImg" data-position="fixed"> .backgroundImg { background: url(/images/bg@2x.png); background-repeat:no-repeat;
Problem with collapsible listview's ui-li-aside
Helo everyone, I'm trying to build a collapsible listview with multiple lines and an aside timestamp. But I'm having an issue, on desktop with Firefox and on iPhone, the text gets overlaid over the timestamp... I'm using jQuery Mobile 1.2 final via CDN, with some custom CSS. Here is the link to my test html only mobile page: Mobile page test link Thank you!
White gap above Jquery mobile footer
So I'm building a web application using Jquery Mobile and Phonegap. The app was working fine until I removed some input fields and drop down menus which became obsolete. The problem now is that when I click on the last input field of the page & the ios keyboard activates, the footer bar is no longer fixed and there is a white gap between the footer bar and the ios keypad. When the keypad hides again I see the full page but the white gap is above the footer. This doesn't seem to be a problem on the
listview('refresh') not working on collapsible lists in jqm 1.2
When I dynamically change the h2 content of a collapsible list in jquery mobile 1.2 the h2 tag looses it's formatting. Calling listview('refresh') does not seem to fix it. Any ideas? <h2>Choose...</h2> <ul data-role="listview"> <li data-mini="true"><a href="#">Item 1</a></li> <li data-mini="true"><a href="#">Item 2</a></li> <li data-mini="true"><a href="#">Item 3</a></li> </ul> </div> <script> $("#mylist li").live( 'click',function(event){ $("#mylist h2").text($(this).text()); $("#mylist").listview('refresh');
Mobile Safari IOS6 Fixed Position Header with Search Input
When the search input in a fixed header gets focus, the fixed elements-- both the header and footer--lose their fixed positioning. Here is a little jsfiddle to play with. This is on 1.2.0. But, it looks this bug has been around for a while. IOS Safari seems kind of buggy. If window.scrollY === 0, then the world is fine. However, if scrollY !== 0, and I check from inside the search.focus event, I cannot scrollTo 0,0 programmatically. It moves towards that goal but rarely reaches it. Setting scrollY=0
changePage results in blank page
I'm working on a multipage site using jQuery Mobile 1.2.0. When I call $.mobile.changePage() I end up getting the proper hash, but the page is blank. Refreshing the page gets the page to show just fine. I found a post on here mentioning that custom CSS may be the cause of the issue, and I have tested without my custom CSS and things worked just fine. However the custom CSS I'm using came from the jQuery Mobile Themeroller, so it being wrong is kind of odd. Regardless, I compared the CSS and I am
pagechange event not firing
New to jquery. The pagechange event doesn't appear to be firing when I change pages. Using this to change page. $('#getjumps').submit(function(e){ $.mobile.changePage('#page4', { changeHash : "true"}); e.preventDefault(); }); using this on the page changed to: $('#page4').on('pagechange', function(event){ $('#uspabutton').text("#" + $.cookie('uspanumber')); $('#jumplist').listview('refresh'); alert("refreshed pagechange"); }); never fires. Pageinit fires the first time
jQuery Mobile Themeroller Download problem
Hello, dowloading a theme is ok at home. At my office (French National Education), the themeroller web app works great but the download button does not react, download does not start. Some domains are blocked by our administrator, for example we don't have access to github or mdn. So, my question is: are themes downloaded from github? If not, from which domain? Which domains do I need to authorize to be able to download my themes? Thank you.
How can I implement anchors in page navigation in Jquery Mobile
Hallo All, If I am on page1.html and I want to load page2.html in a specific part of the page using anchors, how can I achieve that. Because using this link <a href=page2.html#anchorname> will not since its looking for a page called anchorname. Thanks in advance.
jQuery Mobile Symbols
Hi All, I'm having a bit of an issue with jQuery mobile not handling symbols very well. For example, these are some of the specific symbols I'm having an issue with: ’ ™ ½ Instead of those symbols, I sometimes get: � This issue (the symbols not displaying) usually only happens when the pages and content are loaded via AJAX.If the page is refreshed (loaded without AJAX), the symbols display perfectly. This is happening with two different jQueryMobile releases (1.2 & 1.1.1) Any suggestions on fixing
Jquery Header css not loading
Hi I'm developing an application using phonegap and query mobile. the app targets both iOS and android. i'm loading content to a page using ajax the following is the code: function sendto(url) { $.mobile.showPageLoadingMsg(); console.log("url=="+url); setTimeout($.unblockUI, 1000); $request = $.ajax({ 'type': "GET", 'url': url, 'cache': true,
JQM 1.2.0 - Popup Menu - Not firing/working
Hi Folks, I am attempting to implement the new popup feature on JQM 1.2.0, for use in mobile safari, the basic setup is per Jquery Mobile Docs - Basic Popup and the plan is to use Overlay Popup Method (Menu). My differences are.... I have rolled my own buttons (div's with event handlers) and need to call the popup programmatically via JS method as I have other functions to run when the calling page is exit'ed. See this jsFiddle. This is a simple version of the popup, intended to be a menu system
Show loading message only if request takes longer than...
Hi, I'm using $.mobile.loading('show') to show the loading message while processing an ajax request which works fine. I was wondering if there is any way to only show the loading message if the ajax request takes longer than a specified time? This would avoid the loading message flashing up for a brief amount of time. Thanks for any info.
Did jquery mobile support ipod touch?
I have a problem when using ipod touch ,when ajax calling request to change data value is still cache old data. Is there a way to clear cache and browsing data in jquery mobile or is still got problem when use ipod touch?
How can I refresh my radio button
Dear All, I have a localStorage where an information about a mode is stored. mode can be "gps" or "phone" I am extracting the information and then I need to "update" a radio button which look like <form id="edit-perimetre" action="" method="post" data-ajax="true" class="ui-body ui-body-d ui-corner-all ui-shadow"> <label for="perimetre-edit">Perimètre (mètre)</label> <input type="text" id="perimetre-edit" name="code" class="validate[required,custom[number]]">
Detecting Connection
i want to prevent the user from accessing a page in my mobile app unless the have a connection i use this code but it doesnt seem to work $(document).ready(function() { $('.MainLink').click(function() { if (!window.navigator.onLine) { return false; } }); });
How can I reload a page after a item deletion from my DB
Dear All, I am building a mobile wen site for the phone. I choose to have a multi template web site. Exemple <div data-role="page" id="page1"> <div data-role="header" data-position="fixed"> <h1>Page1</h1> </div> <div data-role="content"> </div> <div data-role="footer" data-position="fixed"> </div> </div> <div data-role="page" id="page2"> <div data-role="header" data-position="fixed"> <h1>Page 2</h1> </div> <div data-role="content">
contact form php script problem
i want to create jqm contact form that conect php server and send mail and convert it to native app please help
Redirect after login
Im having this problem only with jquery mobile. using django backend. if request.method == 'POST': accinstance = accounts() username = request.POST['username'] password = request.POST['password'] member_id = accinstance.login(username, password) print member_id if member_id: request.session['member_id'] = member_id request.session['ias_username'] = request.POST['username'] request.session['ias_client'] = request.POST['client']
Linking to the same Google map on seperate pages.
Is it possible to do this? I created a custom Google map and added it to my page. On another page I wanted to link to the same map, but it will only show the map on the page that is coded first. If I switch the order of the pages in my code, the map only shows on the second page. I can't get it to show on both pages! What is happening?
Opening a document in mobile env
This may be relevant to this forum, I m using jquery mobile to build an application, from time to time I have to show documents such as pdf,doc,jpeg .. to user, normally this wouldnt be a problem but with jqeury and mobile involved, I have no clue. By the way I m good with image files I guess, I tried and they are just working. thx
Problem with submitting form on Windows Phone and Internet Explorer
I have made a form page using jQuery Mobile containing both regular text fields, select (drop-down) populated with mysql data with php, sliders etc. It's all good and works like a charm on both iOS and Android - BUT, enter Windows Phone.... both on Windows Phone (IE) and IE on a PC, the submit button simple doesn't work and the 'action'-page does not load - it just acts like a regular button with no function... I have tried a lot of troubleshooting but can't seem to get it to work. I have made other
A part of the Auto suggest items of a search box not clickable.....
Hi All, Only a part of the auto suggestions in the mobile search box(bing/google..or any ) when we type in search box are not clickable. and when I click the lower part of the auto suggestions list ...the click event is firing on the image behind the auto suggestion dropdown.....(image is there on the page load). The click event gets fired correctly on the top part of the list of the auto suggest items.....the suggestions displayed on the image are not getting clicked..instead the images
How can I access a link with a div id directly in jQuery Mobile?
Suppose I have a link, say, http://www.example.com/index.html#xyz. When I open it in browser with www.example.com/index.html it works fine, but when I have a link targeting #xyz on the same page it loads a new data-role=content page through ajax. Now my query is if I access the same URL directly as http://www.example.com/index.html#xyz, it loads the www.example.com/index.html and not the specific #xyz page. Is there any way to make this work? NOTE: The #xyz page content is loaded dynamically
Centering data-icon in button
So I created my own list items with two split buttons with the following code: <ul data-role="listview" style="padding:0; margin: 0;"> <div data-role="controlgroup" data-type="horizontal" style="padding:0; margin: 0;"> <div style="margin-right: 84px;"> <a href="index.html" class="ui-corner-tl-only" data-role="button" data-icon="arrow-r" data-iconpos="right" style="width: 100%">Search #1</a> </div> <a href="index.html" class="ui-corner-none" data-role="button" data-icon="gear"
Dialog resets list and form values
After I populated a list of items, I have to show their details, so I used dialogs to do that. But after I press cancel button auto populated, dialog closes right but after it closes it also resets the form values and clear all the list. Start the previous page anew. is it not the best way to show detail of items, I am speaking of items about 50-100. thx.
Formatting disappers on device...
I have an App for iPhone and iPad developed with JQ-M1.0 and JQ 1.6.2. It works fine when loaded into the simulator by Xcode (and the HTML runs fine in a desktop browser). BUT when a test version is loaded to iPhone or iPad (via Xcode) all formatting is lost (no buttons, backgrounds, text formatting, layout etc - just plain text). This only seems to be a problem since the upgrade to iOS 6. Used Titanium to develop wrapper for HTML. Ideas/suggestions welcomed...
Scripts in the Footer
Maybe it was answered but is it possible to include jquery and jquerymobile .js files inside the footer without breaking the page/theme???? I tried putting it but it doesn't work, maybe I'm doing something wrong. Does it need to be in the head.
document ready function not called, of course.. alternatives?
Hello, I work with ASP.NET and have multiple aspx sites that all share the same sitemaster. Usually I would just have the site specific scripts in each aspx site (in a contentplaceholder that is in the head of the sitemaster) and than call the document ready function in these scripts... How would I do this using JQueryMobile? I don't really want to have all my scripts in the head of the sitemaster, I would like to load some script when some page is called.. any ideas?
IOS 6 blank page
Hi all, I've updated my iphone to IOS 6 but I've a problem with jquery mobile. I develop a website with: - jquery.mobile-1.2.0 - jquery-1.8.2 and when I try to load the site, Safari show a blank page with "0" and the link in the address bar become javascript:0. I have tried with http://jquerymobile.com/demos/1.2.0/ and it return blank, too! Any suggestions? thanks, len
Passing content when doing page navigation
Hi, Complete newbiw to JQuery Mobile. Searched the forum for similar problem but could not get hits. I have couple of html pages and both of them have corresponding js file. 1.js is creating the initial content for 1.html using the "pageinit" event. Subsequently when user clicks on some element in 1.html, I need to navigate to 2.html and display in it more details of the item selected in 1.html. Incidentally, if the user directly navigates to 2.html, 2.js uses the "pageinit" method
popup reposition?
I am building a list dynamically How can i get the popup to reposition itself to the center of the screen after i have added or removed items from the list? $("#mylist").append('<li><a href="#">Number 1</a></li>'); $("#mylist").append('<li><a href="#">Number 2</a></li>'); $("#mylist").append('<li><a href="#">Number 3</a></li>'); $("#mylist").append('<li><a href="#">Number 4</a></li>'); $("#mylist").listview('refresh'); I have tried: $( "#popupBasic2" ).popup( "close" ); $( "#popupBasic2"
Photo Popup problem
Hello everyone, I'm glad of the new features of the 1.2.0 jquery mobile version, but I want to highlight some documentation problem. In the new popup documentation page at http://jquerymobile.com/demos/1.2.0/docs/pages/popup/index.html some "real world examples" are given about different popup styles. I would like to implement the "photoPopup" style but there is no specification about the code for it; I only have to go and check the page source code and try to reverse engineering it, although it's
Jquery Mobile - Checkbox and radio button accessibility
Hi, I am not a developer but an accessibility tester. I was evaluating a form coded with Jquery Mobile . The check box is coded using the following code: <div data-role="fieldcontain"> <fieldset data-role="controlgroup"> <legend>Agree to the terms:</legend> <input type="checkbox" name="checkbox-2" id="checkbox-2" class="custom" /> <label for="checkbox-2">I agree</label> </fieldset> </div> But in the generated output legend tag is converted into <div class="ui-controlgroup-label" role="heading">I
Embeded PDF issue in anndriod browsers?
i have problem in viewing embedded pdf in andriod browsers. please help me. I have checked with andriod default browser and opera mini. any solution???????????????????????
Next Page