Build previous JQM versions? (1.4.2)
Hey there, I foolishly jumped right in and spent hours upgrading everything in my current project to the latest version of jQuery mobile, 1.4.3, only to find out it's buggy and has a serious, site breaking issue. I would like to build a custom, older version of JQM although I can't find anywhere the option to do so. Let me know if you have an idea of how to do this.
Heading and Footer not showing content completely
i created a tutorial app using jquery mobile and i deployed it using andromo html archieve, but i found at that texts in the heading and footer which are longer are not showing completely. please what can i do?
Problem with transition's pages
I just tried with a sample code jquery Mobile. When I change the page (with any transition), the page is 'open' moves 1 or 2 px down. What might be due? is a known problem?
some footer navbar links get disappear on tap
Hi, I am using jquery-2.1.0 and jquery.mobile-1.4.2. I am using following code to build footer for my mobile app: <div data-role="footer" data-position="fixed"> <div data-role="navbar"> <ul> <li> <a data-prefetch="true" href="reports.html" data-icon="eye" class="ui-btn-active ui-state-persist">Reports</a> </li> <li> <a data-prefetch="true"
selectcreate event not firing
Tried on Google Chrome and I cannot get the selectcreate event to fire. Using 1.4.3 jqm $('body').on('selectcreate', function() { alert('selectcreate triggered') }) <select data-native-menu="false"> <option>Option</option> <option>Option</option> </select> Tried with an ID too. http://jsfiddle.net/8EcMC/35/
Images Folder Missing
I'm trying to setup a new JQM project and have downloaded the latest stable CSS and js files for JQuery Mobile 1.4.3 and jquery 1.11.1. When I load my page, I get an error message on the console that it's unable to load the ajax-loader.gif file. It's looking for the images folder, but there's none to download. I've come across this before, so I know I need to download the full jQuery Mobile package and copy over the images folder, but why does the download page make no reference to this? It tells
jquerymobile asp.net error
Hi, i'm just trying jquery mobile on a tamplate solution in visual studio with defaut settings and i got this error when i click on a simple link : Erreur d’exécution JavaScript: Sys.InvalidOperationException: The PageRequestManager cannot be initialized more than once. anyone has ideas ??? thanks
Problem with embedded browser
Hi guys, we are trying to implement the snap.js jquery plugin in our Android app. This android app is a frame where a WEBVIEW java is embedded, and the "app" itself is a web page that we have specially designed to see properly inside this frame. The app is called RADICAL PADEL. The integration of snap.js is done and is right, but we have an issue, and it is that it behaves a bit strange when we drag the menu, and hide again. After repeating several times this "open-close" gesture and going up-down
Jquery Mobile 1.4.3 dialog display incorrect (the from page display dialog content) when press back button
JQuery mobile dialog display incorrect after pressed back button. First time run Click open dialog button Clicked back button Click open dialog button again The dialog page content will copied to the from page after clicked back button. This will happen after added jquery-ui. It seems there is conflict between jquery mobile dialog and jquery ui. Or it will be normal if the dialog content is just several lines only. Here is my code: 1.From Page @{ Layout = null; } <!DOCTYPE html> <html> <head>
click() not firing on mobile version
Hello guys, I have this project that I builded using pieces of code from various sources. It work perfectly on desktop version, but for mobile devices the fancybox does not work. Can anybody give some hint on what is wrong? Here's the fiddle: http://jsfiddle.net/mk0tzhp4/44/ Any help help will be appreciated. Regards
Adding $.mobile.loading(''); to JQUERY MOBILE MULTI PAGES
I use the following code for single page: $ ( document ). ready ( function () { $ . mobile . loading ( 'show' ); }); $ ( window ). load ( function () { $ . mobile . loading ( "hide" ); }); When I use multi page template of Jquery mobile, the code only works on the first page of my app created by phonegap. How can I use them to all app pages?
language plugins
Hello Forum, I develop a mobile website with jqm 1.3.2 at the moment. The website should work in different languages at the end and I develop my application so, that the strings are in PHP-variables that will come (translated) from the backend. Now, I considered if it is also an option to do the translation with js ion the frontend. I found this solution: https://github.com/coolbloke1324/jquery-lang-js … and ask myself if this solution will work with jqm ore if there are alternatives. has anybody experience
horizontal aligned form elements
Hello forum, I develop a mobile website wit jqm 1.3.2 at the moment. I need some forms with rows of label/form-element-pairs. or in other words: the label has to be at the left and the form-element on the right site. I found "Fieldcontainer groupings" but I want a side-by-side-behaviour up to 320px width. What is the best way, to realize that? Should I use the field container-feature and overwrite it's CSS media queries ? Or should I better use grids? best, heinetz
collapsible image jquery
Hello everybody, I want to have a menu with collabpsible image in jquery mobile, is it possible ? Thanks,
In Windows Phone Sqlite Record Insertion is Very Slow
Dear All, I have been developing hybrid application with PhoneGap and jQuery mobile. I'm using PhoneGap sqlite plugin and inserting the above 5000 records in the sqlite database table. In Windows Phone, it's very slow to insert the record in the sqlite table. Please, let me know how to solve the issues. But it's working fine in iOS and Android. Thanks!
Newb - jQM not displaying properly in Android 4.3 Default Browser
I'm doing some basic stuff with jQM. I decided to test some code in my android emulator (genymotion) running android 4.3. Once I login to my app, I just get the spinning wheel indicating that there is a jqm page load happening. Everything works as intended in chrome on android on a device, but not in the default browser in the emulator. Is there something special that I am missing in this regard? I have googled and searched with only one result. Any thoughts/suggestions are appreciated. Thanks
button-states
Hello Forum, I'm developing a mobile website with jam 1.3.2 at the moment. some pages will get a menu of different functions an I use a fixed bottom navbar with icons. those functions could be simply links to other pages but also functions that toggle the display-state of panels or s.t. else with 2 states "on" and "off" and a would like to use the btw-down and the btw-up states. per default the buttons got the btw-down-class as long as the user taps on it. on release the they lose this class and
Odd behavior with Select
We are developing a MVC web app that will us Jquery mobile for tablets and phone. And are experiencing a odd behavior. The page I'm working on has a Select menu. When the user selects an item from this menu it fires a function to load the contents of a Div on the same path with a UL that becomes a listview. This parts work fine. However, after this ListView is display the select is repainted an it looks like its nesting the select menu Picture OnLoad.png is what it looks like when it loads Picture
Form elements not rendering on scrollable popup android
Hi, on m Page (https://ovbportal.hu/ovbphp/public/temp/testNaptar.html#&ui-state=dialog) I have a popup which is bigger then normal phone screen, and is therefore scrollable. However on Android some form elements are not rendering correctly (mostly those, which are not on the screen when the popup is shown - select but also the buttons at the end are not showing). See for example: the first and last elements of the first select are not showing. Any help would be appreciated Thanks Greg
ListView bug...
Hi, When I tried the List View, some  appear... this is my HTML <ul data-role="listview" data-inset="true"> <li data-role="list-divider">Friday, October 8, 2010 <span class="ui-li-count">2</span></li> <li><a href="index.html"> <h2>Stephen Weber</h2> <p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p> <p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p> <p class="ui-li-aside"><strong>6:24</strong>PM</p>
a possible bug in version 1.4.3 of listview?
Just want to mention a strange thing that happened to me. i have multiple listviews in my app and one of them seems to have some problem. in my js code, after getting data from ajax, i add li items to the ul and in the end, i add a li which contains a button and on click the data will be refreshed through ajax. then i did $(ulEl).enhanceWithin(); $(ulEl).listview("refresh"); this is the same piece of javascript i use for all my listviews and all my listviews call this piece of javascript function.
Listmenu slider doesn't close if page for clicked link is already loaded
Hi! On our mobile site at oliverrichman.com/mobile/ when I have a page displayed, for example the Home page, when I click on the "More" menu button at the bottom to display the full site slider menu, if I click "Home" on the slider menu nothing happens because that page is already loaded. I'm wondering if there is a way to have the slider menu close or even reload the applicable page and close the menu rather than just stay open. Thank you for any direction!! :) -Jeanne
Filterable Select Demo Does not work on IOS 7.x
http://demos.jquerymobile.com/1.4.3/filterable/ Tried and failed on both iPhone 4 and iPad 2 using iOS 7 Tried the select filter and none of the items were filtered. Works on Chrome on windows OK.
Listview, possible bug?
You can notice pointing mouse on Sportivo and Scarpe on this page: http://fancyroad.com/app/man.php that the related image don't fit all the vertical space of the list item. No CSS override. Is there a known issue?
Page events at first load
What are the action triggered by the first page load? I mean, if I load my web app the first time (index page), which is the trigger order (like pagecreate,pagebeforecreate, etc..)? I refer to 1.4.3 version
Dialog box only works after page refresh
I followed a tutorial for making an anchor tag open a second page as a dialog box, from an icon in the footer. On the desktop the dialog box opens fine and I can close it to return to the main page. On mobile devices the dialog box does not open unless I first refresh the main page. I'm using jquery.mobile-1.4.3.min.js <footer data-role="footer" data-position="fixed"> <nav data-role="navbar"> <ul> <li><a href="#info" data-icon="info" data-rel="dialog">Info</a></li> </ul> </nav> </footer>
Firefox only prints first page
I have fixed this with a hokey work around. I turn off the jQuery CSS for the print media (only loading it for the screen) but that is not a proper fix. This issue only happens with Firefox so I don't think anything is wrong my HTML. The pages look great on all browsers and mobile devices. They print in all browsers except Firefox. If you want to see a page that has not been fixed, I have this one site where printing is not really an issue so I left a test page in place. If you spot the problem I
Jquery mobile, document ready not working with link tag
Hi All, I have a problem. I have 2 pages Page1: <!DOCTYPE html> <html> <head> <title>Page 1</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.min.css" /> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.min.js"></script> </head> <body> <h1><a href='page2.jsp'>Link to page 2</a></h1> </body> </html> Page 2: <!DOCTYPE html> <html> <head> <title>pages
jQuery Mobile + iScrollView: Weird Input Behavior
Hi Everyone, I'm writing an app with jQuery Mobile + iScrollView and I've noticed a strange behavior on form's inputs. The blinking input caret doesn't blink, it keeps frozen and the cursor position arrow moves without the caret following it, after typing input values. It can be tested on Android's Native Browser here . It can be seen on the screenshots one and two . Is there any kind of fix to it or a work around? Here is the complete index.html code: <!DOCTYPE html> <html> <head> <meta charset="utf-8">
The page go back automatically
Dear friends, i'm facing another big issue that is stealing precious hours to my work :) Going on fancyroad.com/app - click on "Uomo" - click on "Scarpe" - click on "Indietro" (top left) - click on "Scarpe" - click on "Indietro" (top left) happen that, with last button click the page returns correctly to category selection, but automatically change again like automatically there is a click on "Scarpe". My .js file do not include any automatic action like this. Is a known issue?
I have a problem that header problem with panel option 'push'
first, sorry, i can't english well. I'm making a mobile page with using jquery mobile. but, i can't solve problem with panel I set a height % for mobile full screen and set layout. for example, <style> body,html { height : 100%; } #content { height : 100%; } #content_a { height : 20%; } #content_b { height : 70%; } #content_c { height : 10%; } content a+b+c height is 100%.is normally work, when data-display="overlay" . but, after input code '<data-role ="panel"
jQuery mobile - pagecontainerload event ui parameter empty
$('body').pagecontainer({ load : function(a,jq){ console.log($.isEmptyObject(jq)) } }); Returns true. That definitely shouldn't be the case, according to the documentation Any ideas what's going on? Stackoverflow link to those who feel like earning some points: http://stackoverflow.com/questions/25335776/jquery-mobile-pagecontainerloader-event-ui-parameter-empty
jquery Mobile aand Asp.net Button click event not firing and redirecting to back url
I have follwing code on asp.net master page <div class="main" data-role="content"> <div class="choice_list menuwrapper" > <ul data-role="listview" data-inset="true"> <li><a href="CreateUser.aspx" data-transition="slidedown" > Create User </a></li> <li><a href="WebForm1.aspx" data-transition="slidedown"> Manage User </a></li> <li><a href="Default.aspx" data-transition="slidedown"> Upload File </a></li> </ul> </div> <asp:ContentPlaceHolder ID="MainContent" runat="server" /> </div> but when i try
Js doesn't work with jQ mobile correct?
Hello. When I have php page like index.php with structure: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="language" content="en"/> <title>Mobile Stats</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.min.css" /> <script src="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.min.js"></script> ... </head>
ui-state=dialog Problem
Hello. I'm using JQ Mobile and PHP. So I have a form with method = get. When i submit it my url is changed but i saw &ui-state=dialog And when i try to post other data in the form i can't - just the form is blocked. Thank you!
No information on making custom transitions since 1.4
Hi there, I've had this problem ever since jQuery mobile went 1.4+ The existing custom transition documentation simply does not work for the any builds above 1.4. Having looked at the transition demos for 1.4.3, all they say is that you are able to add your own transition handlers, but they give no instruction on how to do that. I've combed the internet and I've combed the source code, and yet I still have no idea how and if it's possible to non intrusively defer the transition mechanism to execute
Gradient (Background ONLY)
I have created a custom theme using Themeroller and would like to know how to apply a linear gradient to the background ONLY (not text inputs, lists, or anything else). I attempted using the 1.4 settings from http://jquerymobile.com/upgrade-guide/1.4/#gradients with singling out .ui-body-a but was unsuccessful (text inputs were still affected).
Passing links from JSON in listview
Hi All, I have been looking at the listview autocomplete demos online for local and remote data. In the remote data demo a list of cities is loaded from remote data, but there are no links in the 'search results'. See here: http://demos.jquerymobile.com/1.4.3/listview-autocomplete-remote/ However, In the local data example the list generated contains links to the search content (see below - eg if you search audi, you can click the list item 'Audi' to be taken to audi.html). < ul data-role = "listview"
Problem in ajax load an tabs cause "Error: Syntax error, unrecognized expression: :nth-child"
I use post ajax to load an HTML code with data-role="tabs", inject into page and trigger("create"), after that, javascript console display a problem "Error: Syntax error, unrecognized expression: :nth-child" Does anyone encounter the same problem?
Panels - Create a panel coming from the bottom of the page
Hello, I visited the following link : http://demos.jquerymobile.com/1.3.0-rc.1/docs/demos/widgets/panels/ It exists data-position="left" and data-position="right" but not data-position="bottom" because I would like to have the panel goes up from the footer. Is it possible ? Thank you
Next Page