JQuery Mobile select menus not displaying the selected value
I am having trouble getting the select menu to display the value selected, and I couldn't figure out why, please help!! Here is the header I included: <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
navigator.geolocation.getCurrentPosition() is not working properly in android browsers
Get Time out Exception is occurring from navigator.geolocation.getCurrentPosition() in android browsers Its Working fine in Iphone and Ipad. please help me
JQM working in Google Apps Script?
I'm using the latest release to do some testing in google apps script web app. But JQM styles seem to not be rendered and I was wondering if anyone here has got this to work with it yet? Here's my code. <!DOCTYPE html> <html> <head> <title>My Page</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script
Multi-page definition
Dear moderators, and awesome people that have created this awesome framework for us. Back when I started the development using jQM I had trouble understanding then "Multi-page" expression. Maybe I actually still do a tad. And today I had to try and help out another guy with this. So I would like to request that you in your documentation add a small explanation of this. Thanks in advance
data-inline='true' is broken after loading jqueryMobile 1.2.0
jqueryMobile Button enhancement divs are being sized at 78% since loading version 1.2.0, even though the element is tagged with data-inline='true'.
Can I protect email from spambots
Hi, I will protect an email adress from spambots, how can I do this? thanks for helping. best regards guenter
1.2 Final, Performance issues. Why?
Hi i have ported a few applications from version 1.1 to 1.2.0 Final and recognized a serious loss in performance. When the pages contain a few elements,lists, forms and so, then the application "freezes" before page transition animations start, even on the jqm documentation page. Its happening on all of my test devices: iphone3, ipad3 and an asus transsformer tablet with latest android installed. I would like to know what the reason for this behaviour is? Cheers Stefan
Possible bug when refreshing list view
Take one list item containing an anchor - possibly cloned from a hidden list you made earlier. Add this list item to another list and call .listview('refresh') on the list to update the layout. The layout of the list item breaks - the padding increases. The same thing can be simulated by calling .listview('refresh', true) on a list that already contains a list item with an anchor. The class ui-li-static is being added to both list item and its inner div. If this class should be there for the layout
select data-native-menu="false" does not work as expected
Hello I am trying to use jQuery Mobile and faced strange behavior. I have a page P1, page P2, select data-native-menu="false" on P2. 1. When I change page from P1 to P2 using $.mobile.changePage( $('#P2'), { role: 'page', transition: 'slide', reverse: true, changeHash: true} ); and then open select on P2, close it or select something, I stay on P2. 2. When I change page from P1 to P2 using $.mobile.changePage( $('#P2'), { role: 'page', transition: 'slide', reverse: true, changeHash: false} ); and
popup loads before content
Hi all, On my site, I have a popup div that appears to load (without format) before the content div. I have attached a screenshot that illustrates this. (Yes, the picture is of a desktop, but the same thing happens on my iPhone as well.) The code for the popup is: <div id="options" data-role="popup" data-history="false" data-theme="d" data-overlay-theme="a" data-disabled="false"> <a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-left">Close</a>
Accordion (vertical) with content scrollable (Horinzontal)
Hi all! I'm goin' crazy. I've made all my web site and it works good... well... I'd like emprove UI using jQueryMobile... I've made accordion and everythings works good... I think.. YEAH It's SIMPLE! bytheway I see <div> content of the accordion work like (overflow:visible) ... if I try to change it... I lost the content... I cannot get any kind of scrollbar... In my accordion content I put some tables and pictures... I'd like to have them scrollable inside the content and not overflow:visible
(solved) Custom Script with jquerymobile not working
Hello i dont get a custom jquery script running, when i use it with jqm. I have included that script as a seperat file after jquery.min before jquerymobile. Anyone here who might help me with it? many thanks!
Problem with postback inside the onchange event of dropdown
Hi, I'm using version jquery.mobile-1.2.0. I have a dropdown in my form and when I select an item I want to fire a postback. The code is below: <script type="text/javascript"> function cmbSiteChange() { __doPostBack('', 'CmbSiteChg'); } </script> ..... ..... <div data-role="page" id="page1"> <div data-role="content"> <select data-native-menu="false" name="" data-mini="true" id="cmbSite" runat="server" onchange="cmbSiteChange();"> </select>
UI of Checkbox and radio button not refreshed once having a label for it
Hi, I would like to report an issue. I am using JQM 1.2.0. I have a checkbox <input type="checkbox" name="neednow" id="neednow"/> And a jquery to update its value $("#neednow").prop("checked", true); It is working fine. But once I add a "Label" to it, I can still update its value but UI not refreshed anymore. <label for="neednow">With label</label> Below is my test bed. The one without label works while the one with label doen't. http://jsfiddle.net/kmleung/RMj35/ Please help! Regards,
problem with div and display
Hello, i've got a problerm with the display of some divs with this function : function switch_divs_mobile() { if( document.getElementById("div_home_mobile").style.display == "none") { document.getElementById("div_home_mobile").style.display = "block"; document.getElementById("div_titre_mobile").style.display = "none"; document.getElementById("div_contenu_mobile").style.display =
Listview refresh after F5
Hello, My script is ok but only when i refresh my page or when i put a alert into my code. If i do not that, nothing is displayed. My Javascript : $(document).ready(function(){ var id_enseigne = $("#enseigne").val(); var output = ''; $.getJSON("portefeuille/magasin_load.php", {"enseigne": id_enseigne}, function(data){ $.each(data, function(key, val) { output+= '<li><a href=\"?p=3&id='+val.pdv_id+'\"><h3>' + val.pdv_ville + '</h3><p>'+val.Adresse+'</p></a></li>'; }); // Fin du each $('#listview').append(output);
How to prevent hiding apple smart banner?
Hi, We are developing our mobile site using JQuery Mobile framwork. We have used newly supported meta tag from apple to display smart banner and when it gets displayed, its not part of the actual DOM structure. Currently, JQuery mobile framework calls window.silentScroll(yPos) on window load and it displays page in fullscreen mode on apple and it scrolls down below to smart banner. Is there anyway we can prevent hiding of apple smart banner?
Persistent navigation between # pages
i'd like to have a persistent navigation footer on my page (like here: http://jquerymobile.com/demos/1.0a2/#docs/toolbars/footer-persist-a.html ). i am using the exact code being used there, and yet the footer is rendering multiple times on one page (with different items selected). one bar is appearing right under my content and the other at the bottom of the page. clicking on either seems to work (takes me to the page i clicked on), though it is buggy. the only difference between my code and that
Switching Views
Hi, I am new to jquery mobile and am trying to swith between views in code! I two views declared as The two views: <div data-role="view" data-title="Jobslist" id="jobslist-view"> <div data-role="view" id="details-view"> The first view contains a unordered list and when a list item is clicked it populates a template in the second view, this works fine I now want switch between the jobslist-view and the details-view, but I am struggling with the method. If I place a button on the jobslist-view I am
Absenсe of 'back' and 'refresh' functions on default ajax-submitted forms
Submitting a POST-form to the same address by default creates an ajax request. Okay. But this behavior makes impossible: - refreshing the page with auto re-sending the Post data. This is not like in normal http. - going back by history.back(-1) or browser back button through many consequent submissions. This makes default ajax submission mechanism completely unusable. Is there any way to extend it by assigning different insertion locations, or, maybe have ajax request stored somewhere to enable
problem with server redirect
Hi, I have the following setup: page 1: get Google API lat & long; (dialog) link to page 2 (loaded via Ajax) page 2: PUT to 'foobar' URL; 'foobar' server method will redirect back to page 1 *now, back in page1, the Google API lat & long don't get loaded anymore I approached this issues from 2 sides: 1. Tried to see why the Google API lat & long loading event is not fired. I tried putting it in many different events: pageshow, pageinit, ready, etc. Nothing worked after the redirect from 'foobar' happened.
back button on phone wrong navigation jQuery ??
Hy I made a mobile site. In the site there is an imagemap wich I use as navigation ( its a map of the area going to near by places) When people click the back button on there phone the navigation gets mixed up. Try it go to www.ebblab.nl > Nijestee > click on the map then use the back button of your phone and click again on the map. Your page is loaded but before you can see it you go back to the worng page and the URL in the adressbar shows the URL of the pages you wanted tot go to but you see
Problem with labels on checkboxes and trying to 'check all'?
Hi - I'm having trouble when using a 'select all' checkbox in a form that includes a label. (ie <input id="test_field3" type="checkbox" name="test_field3" value="test_field3" /><label for="test_field3">Test field 3</label>) The select all code work when there are no labels used (ie <input id="test_field" type="checkbox" name="test_field" value="test_field" />Test field 1) and it also works when I don't include the jquery.mobile-1.0a3.min.js script. I have posted an example here: http://jsfiddle.net/JCCG5/3/
Error fullscreen List view makes 'click event' double.
I create a very long list view, and when clicked, the list is displayed fullscreen. The problem is, after I select something from the list, my link which has event click, is doubled. I click once, but the event happens twice. Here's the sample: http://jsfiddle.net/Ywq4X/4/ Now, when I remove $(document).bind('pageinit', function() { and place <script>...</script> to the bottom of the page, the problem is gone. What is happening? isn't $(document).bind('pageinit', function() { supposed to be the replacement
Listview slow filtering/searching with the search bar (data-filter=true)
So, I have experienced recently how slow a listview is perfoming on iPads, iPhones, etc, and I thought there was something wrong with my offline web "app" example. But then I tried the lists-performance example (http://jquerymobile.com/test/docs/lists/lists-performance.html), and I was surprised to realize how slow it is as well. The issues is something like the one describe at this topic --> https://forum.jquery.com/topic/possible-causes-of-extremely-slow-keyboard-in-ipad-phonegap-app, but even
Problem using a custom select menu inside a popup
I found a problem using a custom select menu inside a popup. I set the propierty data-native-menu="false" but it works just like it wasn't there. My code: <div data-role="popup" id="editform"> <div data-role="header" data-theme="a" class="ui-corner-top"> <h1>Edit</h1> </div> <div style="padding:10px 20px;"> <label for="producte">Product:</label> <input type="text" name="producte" id="namefield" value="" /> <label for="select-choice-1" class="select">Category:</label> <select name="selectcategory"
Data-dimissable attribute not working !!!
Hi I am using JqueryMobile 1.2.0 I am trying to use Data-dismissable ="false" attribute in the div containing data-role="popup". So that my popup doesn't vanishes when user clicks anywhere else on the screen. But somehow its not working. Any clues to what might be the problem.
Content displays, then rearranges on page loads.
Pages in my app seem to load in stages: the content all appears but with the header and footer bars clearly not taken into account, then the padding gets changed and the content shows up in the right place. For context, I'm usually building the content of any given page during pagebeforeshow. If this tweaks any memories, please let me know. It would be difficult to create an accurate jsfiddle for this particular problem. Cheers.
jqm ver 1.2.0 hash not added to url on normal link - why?
I am a noob to jqm , i have downloaded ver 1.2.0 and testing it. the docs and videos i have seen show that a normal link should be intercepted by jqm and ajax goodness done on it. It should also add a hash to the url, but for me it does not add the hash to the url when i use separate files. e.g. I have 2 pages index.html audit.html html for index.html <div data-role="page" > <div data-role="header"> <h1>Audit message</h1> </div><!-- /header --> <div data-role="content"> <form action="form.php" id="QS-selectGroup"
How to extend a jQuery Mobile components?
Hi all, I want to extend jQuery Mobile form components/controls with added properties and functionality. Being a newbie in jQuery, guide me how to get started? For example, I want to develop a HTML 5 text field component with the following extra features: - Min Length - Max Length - Regex Pattern - Default Values - Restrict List Of Values
The character encoding of the HTML document was not declared.
hi, on my site: http://m.slapp.me/ When I login, user: test pass: test it checks the login against the database on a seperate page and then redirects if login successful but the URL stays the same, please help. here is my checking page: <?php ob_start(); $host="xxx"; // Host name $username="xxx"; // Mysql username $password="xxx"; // Mysql password $db_name="xxx"; // Database name $tbl_name="xxx"; // Table name // Connect to server and select databse. mysql_connect("$host", "$username", "$password")or
Need a fresh start!! Unwanted Caching.
I have a main page, lets name it ABC.htm. On it I have a link to a second page named FOO.htm. Both of these pages are built with JQM. How do I make certain that the DOM from ABC.htm is not cached after the user clicks on the link and transitions to FOO.htm? I know that rel=external will do it but it has the unwanted side effect of opening a browser window (when running chromeless). I have tried setting data-dom-cache but it should be false by defalut. I realize that I didn't give a lot of background.
Android trackball issue
Hello all. I have nearly finished my hybrid phonegap and jquery mobile app development and thought things were going well until I tested the application on a HTC desire / Legend using the trackball for navigation. Now when selecting a button that links to relative url i.e $.mobile.changePage( "friends.html") all the css and JS seems to be removed from the page, however this does not happen on the index page only on subsequent pages - I assume this has something to do with ajax replacing the 'page'
code.jquery.com uses an invalid security certificate
The jquery SSL certificate seems to be dead. See below ... Is there a public server for a secure (https:) source of these jquery mobile files? Google hosts the main jquery js, but not these two ... <script src="https://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css"> Available via Google (https:): <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
Applying dynamic labels to previously enhanced elements - missing CSS class
I'm having trouble dynamically adding labels to elements that were previously enhanced. The label element is created, but no CSS class related to the target for element is applied. Please see the example fiddle: http://jsfiddle.net/5eQUW/1/ Any suggestions?
replace all a link to touchstart
Hi All, Because of the standard a link will have approximately 300-400ms delay, many people suggest to use touchstart. My question is how to I utilise this touchstart, I tried $('a').bind('touchstart', function(e){ $(this).trigger('click'); e.preventDefault(); }); but doesn't look it boost the performance. My question is did I do this right?
Jquery mobile
How to make collapsible sets work dynamically
Populate div content with ajax
I'm looking for a way to populate div content asynchronously, after user lands to the page for the first time. I'was hoping for a simple jqm attribute, something like data-ajax-url. For example: <div data-ajax-url="somecontent.php"></div> The div content is filled after DOM is loaded through AJAX, without explicit jquery calls like jQuery.ajax(), jQuery.get(),... Is there any such thing?
JQM App slow on BB Torch 9810
I'm developing this html5 app using jqm in order to get better at mobile web. Now I own a BB Torch 9810(the 1.2Ghz processor one ) and when testing the app on the phone. The navigation is so slow(transitions are set to none, the click handlers some times don't fire( clicked objects get the highlighted theme so I know they were clicked), at times takes 3-5 secs to fire which is just crippling slow. Animations are also slow, ie, the flipswitch widget, the animation there is choppy, not fluid at all.
Custom select menu - Change event triggers before the dialog has closed
All, When using 'Custom Select Menus' that display on a separate dialog page, we have a problem with change events being triggered too soon, before the dialog has closed. This is causing issues for us because we have code that relies on the calling page being the active page, when this event triggers. I'll try and explain the issue. Our framework allows developers to build mobile applications, which is powered by jQuery Mobile behind the scenes. We have a specific situation within the framework
Next Page