Event in doc.onpropertychange
This is part of the JQM source, around line 1880: // Whenever `document.title` changes, update the Iframe's title to // prettify the back/next history menu entries. Since IE sometimes // errors with "Unspecified error" the very first time this is set // (yes, very useful) wrap this with a try/catch block. doc.onpropertychange = function(){ try { if ( event.propertyName === 'title' ) { iframe.document.title
Safari crash using Jquery Mobile 1.1.0 checkbox in iOS7
Hi, We are facing an issue with the Jquery checkbox in Safari Browser and iOS7 where by, when we click on any Check Box, it crashes and there are no logs printed as well. The jQuery version used was v1.1.0. We tried upgrading to v 1.4, but the look & feel changes and issue still persists. The code is working fine in iOS6 and iOS5 with Safari Browser, but not with iOS7. Is there any alternate or do any one have a solution for this problem? Please help to resolve this issue. Environment: jQuery Mobile
JQuery Mobile 1.4 - SilentScroll not working at all on IOS standalone web app
If you create a sample page similar to the silent scroll demo, but add the meta tag for web app capable. Then load it up in safari and do a "Add to Homepage", launch it from the homepage so that it launches as a standalone sandboxed web app. You can see that both of these buttons stop working. Basically, calling slientscroll does nothing when in standalone mode. This is annoying because there is no decent way to go back to your position in a listview when you return to a page, even if you store
Panel caused page background image disappear
Hi - I'm not sure if this is a bug on 1.3-beta.1 on iOS UIWebView html page. I'm using the following simple page: .ui-page { background: url(myimage.jpg) no-repeat; background-size: 1024px 800px}; The page: <div data-role="page"> <div data-role="header"> sample app </div> <div data-role="content"> hello </div> </div> It works fine with proper background image. However, once I added a panel definition: <div data-role="page"> <div
Controlgroup does not render rounded corners when created on the fly
Hi, I am having trouble getting controlgroups to render with rounded corners when I create one on the fly. Creating controlgroups from the HTML works just fine. In the following JSFiddle I first create a controlgroup from the HTML and then I create two controlgroups with the same settings as the first one. The second and third differ only in the property 'corners=true|false'. http://jsfiddle.net/zJZrH/ I think I may gave stumbled on a little bug, but hope that I am doing something wrong
z-index issue with drop down and list view
On my simple web page i have a form with a select box. I'm Using jquery mobile with phonegap and when i run application on android 4.0 tablet, select box and its label are not visible. when browse through code (weinre debugger), i can see html code for select box but its not showing it up. and on another page i have a list view with 5 list items. on that screen its the same. i cant see list but html code is there. when i try to open same on a web browser, everything is fine. issue is only with android
Windows.Location.Hash and Chrome
I am experiencing difficulty with Chrome (version 28.0.1485.0 running on Linux - although I think it also applies to my Nexus 7 tablet running Android 4.2.2 - but I can't see what version of Chrome that is). The problem is manifested in this jsfiddle http://jsfiddle.net/akc42/ZmcP8/ with Firefox it works fine and the Dialog box remains popped up - with Chrome, the dialog appears and then immediately disappears. On my desktop (jsfiddle doesn't seem to have the latest jquery mobile) I am running jquery
Problem with a collapsible class in jqmobile
Hi i dont understand why is not working my collapsible role... the code is: the fragment of the html: <div data-role="collapsible"><h3>Standard equipment</h3> <div id="div_equipamiento_standard"> <!-- Here is the elements charged from .js--> </div>The fragment of .js var eq_standard = ''; $.each(objVehicle.equimapiento_standard, function (i, item){ //Titulo de la seccion eq_standard = eq_standard+'<div data-role="collapsible"><h3>'+i+'</h3><div class="texto"><span id="equipamiento_span">'; $.each(item,
Issue with Navbar
Hello, I am seeing lines in my navbar buttons, and the icons are showing duplicates. I have attached a screen shot and a snippet of my code this relates to. What could be causing this? Please advise.
Column-Toggle Table bug in Android 2.3
Hi, my name is Juan Pablo. I have a problem with Column-Toggle Table. When I run my app on Android 4.0 it works fine but if i run it on a device with android 2.3 it crash. the column button dosent show correctly. It only show the text. And I lost the function to horizontal scroll the table. This is my HTML Code <div data-role="content" id="content"> <div> <div style="overflow:scroll" id="divTable"> <table style="position: relative;" id="TableMonitor" data-role="table"
Column toggle refresh issue in 1.3.1
Neither name of nor number of columns are updated upon refresh of the table. <html> <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script> <script> $( document ).on( "pageinit", function() { $( document ).one( "click", "#add_and_refresh", function () { var newCol = '<th data-priority="5">Reviews</th>';
bored and tired. a lot of problems in different android
I must to develope an app to connect and work with a mysql database and I had decided to use JQM. (it will be easy! ha). two weeks later I have countless problems. I don't know a better place to write my sorrows. Let's start: I have an LG Optimus SOL (with CyanogenMod 7) and android 3.2.7 and app works (more or less) fine but it's time to enumerate the problems: MOST SERIUS 1) In a Samsung Galaxy Note (4.0.4) all the dynamic content doesn't display. I rewrite almost body with jquery. the body is
tap fires twice with live("tap")
On mobile safari with live("tap"), tap event fires twice. And this causes kinds of bugs such as opening dialog twice, sending ajax request twice, etc... The most notable one is, when you tap a text field, safari sometimes focuses nowhere. The following is a minimum code that reproduces it. <!DOCTYPE html> <html> <head> <title>tap twice</title> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta name="apple-mobile-web-app-capable" content="yes"
$.mobile.changePage with panel
Hi every body. So for begin very very good job for all people who have work over JQuery, and thanks a lot. I have an little probleme with this function : $.mobile.changePage When is use with panel. the first loading so without use '$.mobile.changePage' panel work fine. but juste when I reload my page with $.mobile.changePage panel is dead. If you wan't I can post for you an link for see in live the bugs. only if you ask, I hate work for nothing. I use : Jquery 1.9.1 Jquery Mobile 1.3.0 Thanks. And
Selectmenu doesn't open when inside a Popup widget in Android 2.3
Hi, This had been a issue since the old versions of jQM and still exists. The selectmenu doesn't seem to open (natively), when inside a element (div..etc.) with the position set to absolute. I tried using the selectmenu inside a Popup widget... and it didn't work. I even tried using the DateBox widget inside a dialog page with the combobox enabled (to choose the year/month).... and didn't work. I recently tested jQM 1.2.0 Final selectmenu in Android 2.3 & 4.1 (inside a popup widget), and it seems
iframe scrolling problem
I'm currently developing this PHONEGAP App where I need to include an iframe inside the html page. The "src" attribute is pointing at one of my html file in the file system e.g "file:///android_asset/www/html_page_to_load_iframe.html"<---(the one to load the iframe) the external file is "file:///android_asset/www/folder/folder/im_the_src_target.html". It successfully loaded the external file, but since i set a fixed height for that <iframe> it should allow me to scroll if the content of the iframe
Swipe events fire twice on nested delegator elements
When I nest delegating elements inside eachother swipe events cause my callbacks to fire twice. Here's an example: http://jsfiddle.net/NMDxE/24/ I posted this issue earlier on the jQuery issue tracker and they routed me here.
iPhone push and hold
Hey, I just wanted to report a strange bug. I am using a listview to hold some links to other pages, when one touches and holds one of these bugs, and then releases (before the little menu that asks you if you want to open the link in a new page and what not comes up) the text from the button is removed. --Ashley
Using a link with data-rel="dialog" will add the data-url attribute to a page. Using changePage() will not.
I was digging through a problem today, as you can see over at my other post that revolved around different behaviour from clicking a link built with <a data-rel="dialog" href="#page"> versus using changePage($("#page"), {role: "dialog"}); Using a link, jQueryMobile automatically adds a data-url attribute to the page when it's loaded. Using changePage, jQueryMobile does not. So my navigation was breaking. I manually added my data-url attributes to fix this issue, but wanted to report it so that someone
JQM + Phonegap: search filtering and autocomplete problem on real device
ok, that's the problem: both search filters in listviews and jqm autocomplete plugin (by Andy Matthews http://www.andymatthews.net/) don't work on my real android device jqm app packed-in a phonegap application. But.. - they both work fine when browsing my application by any desktop browser - they both work on the eclipse android sdk's emulator More info: - Using a Samsung Nexus S device, with Android 4.1 Jellybean - Using jquery 1.7.1 and jquery mobile 1.2.0 alpha Any known issue about that? :(
JQM 1.2.0a1: Can't enter text in input fields in Popups
Hi, Using the new popups containing a text field it seems like there is an issue on iOS. The keyboard opens when I select the input field and I can type in 1 character (sometimes 2). Then the keyboard closes. I can reselect the field and type in another character before it closes again. Rinse and repeat. This is tested in the iOS simulator. -Scott
jQM 1.2.0a1, Two links to the same page, with different data-transition will always stick to the first used.
Playing with a very simple demo page, I stumbled on an odd behaviour, one that I didn't see in 1.1.1. Normally you wouldn't have two links going to the same page, with different transitions. At least no the slide and pop I'm testing, however the case seems to be that which ever of the links you use first, is the transition that are permanently assigned to the page it links to, other links with different transitions will ignore their own, and use that of the first link. The attached example is pretty
jqm 1.2.0 alpha 1, changepage fired on select
Switching from 1.1 to 1.2.0 alpha 1 I got a regression : the select (with data-native-menu='false') triggers an unexpected "pagechange" event. My workaround is not complex, just avoiding to do something when 'from' and 'o' pages are identical in a pagechange handler, but finding the cause of this regression was tricky. I join the simple page for reproducing the issue.
issue with collapsible content event jqm:1.1.1
Hello, First of all, i want to apologize for my mistakes in english (i'm french...). In the previous version of jqm : 1.1.0, i could associate an event on img in a collapsible content block but i'm unable to do the same thing in the last stable version. But i think that it's easier to understand with a simple code : test.html <htlm> <head> <title>Demo</title> <meta name="viewport" content="width=device-width, initial-scale=1"/> <link rel="stylesheet" href="jquery.mobile-1.1.0/jquery.mobile-1.1.0.css"/>
Back button not working after changePage()
I am having the following repeatable problem. 1. Click <List> button to enter listview page. 2. Click listview item which triggers changePage(). 3. Click <list> button to enter listview page. 4. Click <Back> button on listview page. Button doesn't respond. Running in Android emulator and Chrome 10. Code follows <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" /> <script src="http://code.jquery.com/jquery-1.5.min.js"></script>
Parse Error jq 1.5x on Iphone Safari
i am developing a mobile version of our website. when i use <script src="mobile/jquery-1.5.1.min.js"></script>i'll get a parse error on line 1 in safari on iphone. when i use the uncompressed version i get a parse error in line 2192 strange is, when i use the hosted version <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>the page works perfect. with jquery-1.4.4 it is no problem. but with both 1.5 versions (1.5 and 1.5.1) i get the parse error on my iphone.
active
Hi, there's a problem introduced either in Alpha 4 or Alpha 4.1 where the button does not revert to it's pre-clicked state. Before: <a data-role="button" href="#" class="ui-btn ui-btn-up-c" data-theme="c" ><span class="ui-btn-inner"><span class="ui-btn-text">My button</span></span></a> After: <a data-role="button" href="#" class="ui-btn ui-btn-active ui-btn-up-c" data-theme="c"><span class="ui-btn-inner"><span class="ui-btn-text">Save bring-up</span></span></a> I'm currently working around it like
data-nobackbtn="true" / data-backbtn="false" does NOT adhere for ListView child pages!!
Hi - I've got a ListView navigation (UL). Since the back button doesn't appear to work, I've tried to hide it. The various implementation of Jquery hiding the back button work on the first page, but not on subsequent "child" levels. Help! Logic would dictate that if you apply a "no back button" to an element, it should adhere for all child elements. For instance: <div data-role="header" nobackbtn="true"> <ul data=role="listview"> <li>menu 1</li> <-- Back button hidden
Demo checkboxes have non-existent class
Hi, I notice that that the checkboxes have been assigned a non-existent class as bolded below: <span class="ui-icon ui-icon-ui-icon-checkbox-off ui-icon-checkbox-off"></span> (this is also occurring in your demo here: http://jquerymobile.com/demos/1.0a3/#docs/forms/forms-checkboxes.html) cheers Matt
dataType needs to be set on $.ajax calls for apps using file:///
Reposting from bug report on https://github.com/jquery/jquery-mobile/issues/1308 I'm building a PhoneGap app using jQM and found that the $.ajax call inside $.mobile.changePage does not set the dataType to "html." Because of this, webkit loads the page (located at file://some/path//page.html) as a "Document" object rather than just straight up html. jQM expects the response to be an html string rather than a Document object. This causes line 2057 (in jqm 1.0a3) to fail to find the element: to = all.find('[data-role="page"],
Limit of the cooperation of HTML 5 and JQueryMobile
I can't correctly display the "select" result of my HTML 5 database : is it a limit of the cooperation of HTML v5 with JQueryMobile, When I use HTML basic elements between these closure I can view the correct display in the "listview" HTML object : $(document).bind("mobileinit", function(){ // Waiting for JQueryMobile loading $(document).ready(function() { // Waiting for DOM loading $('#listviewCarnets').append( "<li><a id=\"carnetAffich1\" rel=\"external\" href=\"pagecarnetAffich.php\">Carnet
Persistent footers between transitions don't work anymore (since alpha 3)
Hello, I've updated an application from the jQueryMobile (alpha 2) to jQueryMobile (alpha 3) and now the footer isn't persistant anymore during transitions . I've set the "data-position" attribute to "fixed" and gave all footers the same "data-id" attribute. I've seen that the persistent footer also don't work in the jQueryMobile (alpha 3) demo too (on iPhone and Safari-Browser). (http://jquerymobile.com/demos/1.0a3/#docs/toolbars/footer-persist-a.html) Is that a known problem since alpha
ListView Back Button Not Working in iPhone - example for Jquery folks
Hi guys - Please try your demo: http://jquerymobile.com/demos/1.0a3/docs/lists/lists-nested.html using an iPhone or simulator - navigate down a nested list (a UL with data-role=listview). I'm using BlackBaud Lab's iPhone simulator, which exhibits the "back button not working" issue: http://labs.blackbaud.com/NetCommunity/Page.aspx?pid=249 This will illustrate how the Back button doesn't work on ListView doesn't work on your own example. Thanks!