popup works, then doesn't work when navigating...
I'm using a popup with a different id for each page. When the first page loads, the popup works fine. When navigating to the other pages, the popup works fine. But when I go back to the original page (the first page), the popup no longer works on that page, but still works on the other pages. Why??? Very buggy...
How to Center Inline Buttons
Hello, I have a list of 11 cities I'm linking / displaying with inline mini buttons. When I view this page live the buttons are aligning left on each row. How can I have all the buttons centered on each row? Thanks. -------- <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.1/jquery.mobile-1.4.1.min.css"> <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
Loading image with css transform + PhoneGap problem
Hey guys! I'm currently working on a android loading image, this one: Well, i'm going to use this in my phonegap app and i ran into a problem. In browser it works great! but when i load it in my phonegapp app it doesn't move. Well i hope you guys have a solution for me! Here is the code: HTML: <div class="loadingDivHolder" id="eventPage" align="center"> <div class="loading"> <div class="outer"></div> <div class="inner"></div>
1.4.2 current page panel closes on previous page pagehide event
I am migrating from JQuery mobile 1.3 to 1.4.2 We dynamically generate a panel as a menu on pagebeforeshow and open the panel automatically on a wide display to have less render time on pageshow. In 1.3.x this worked fine and the various examples around the internet work. If the page is displayed directly then the panel is displayed correctly. However if you navigate from one page to another you can see the menu for a second then it vanishes. Tracking the issue back, this seems to be the
Migration from Titanium to JQuery Mobile
Hi all, my company has released an application written with Titanium JS. Now we want to dismiss Titanium and write an application with intel xdk with jQuery mobile. Users who have the first app have the data stored via Ti.App.Properties. If I release the new app how can I read saved data? Also, someone has tryed it before? Thanks
usage of IDs impossible?
Hallo, Hallo, yesterday I used jQuery Mobile to enable my pages for swiping from one to another: http://www.ulrichbangert.de/orchid/spathoglottis-kimballina-hybr.php Works fine so far, but one issue is left: In my responsive menu (I include this using PHP include) I use IDs to address elements. Using firebug I learned that JM keeps all pages in different divs in the same PHP page. Thus it seems to me that the usage of IDs is impossible as these must be unique. Am I right? How to fix this problem?
use jquery mobile only for certain devices/resolutions
I am working on developing our company website. I have it looking good on a desktop all the way down to an ipad mini resolution(~768px). But now I want to get the site looking good on smaller tablets and cell phones. I want to use jQuery Mobile for this. But I don't want jQuery Mobile to change the look of my site above ~768px. Is this possible? Am I thinking about this all wrong? Thanks Mike
External Panel on multi page html is hidden by content
I raised an issue here: https://github.com/jquery/jquery-mobile/issues/7208 I am using a multi page template and an external panel. When the browser accesses a subpage directly the panel appears but then is hidden by the content. How can I fix this?
JQM Database Foreground/Background
Hi, is it possible when using JQM to do the following. On the launch of my JQM app it calls a function to create a HTML5 Database if one isn't detected. What code would I use to ensure this is checked each time the app is active. For example if the user were to place the app in the background and then delete all browsing data/history etc, and then brings my app back into the foreground what code would I run so that I could check the DB was still there - as in the example I have just mentioned it
ThemeRoller default Icon
Hello everyone, I was using the ThemeRoller to aid in the customization of a jQuery mobile theme, but changing the “Default Icon” to black doesn't seem to do anything, while everything else works (for example removing the circle). I have tried with both Chrome and Firefox, and the console doesn't give any javascript errors anyways. I know I can have black icons by adding the .ui-alt-icon class, but it's a hassle to do it on every element, and it is especially an hassle if I want to have the default
jquery mobile button clicking buttons on next page phonegap android 4.3
I am currently playing with an app written with jquery mobile and phonegap. Last night my galaxy s3 ota updated to android 4.3. When I click on a button on the home page it is changing to the correct page There is a button on the second page, which is in the same location as the first button, it is highlighting and then the app loads the page the second abutton links to. I have posted the app to a webserver it works correctly with chrome on desktop and droid but the error occurs when viewed with
Chrome iOS Popup Disappears when input has focus
Your Popup demo page for 1.4.2 "Sign in" example doesn't work in the latest chrome for iOS 7. (tested on iPad mini) 1.4.2 Popup Demo Page 1. After pressing the Sign In button the popup correctly displays. 2. After touching either form field to start typing the popup immediately disappears or the screen wigs out/flickers. I have gotten it to work only a few times. Can anyone else test this and either confirm it worked for you or if you see what I'm seeing? I tried searching the forums and did get
Jquery & mobile & phonegap strictly offline app
Thanks for jquery and jquery-mobile! I am making a mobile app that I want to work offline without any links to external servers/websites etc. The app will have a header, navbar with a few buttons, some content and form type input using text boxes, buttons and check boxes. And use localstorage. Targeting Android and iphone mostly. I have read that I can put the jquery-1.11.0.js and the jquery-mobile-1.4.2 folder in my js folder of the phonegap app. The jquery-mobile zip file contains many .css and
Unexpected identifier when clicking on links with querystrings
I have had a JQM mobile web app working for over a year under the 1.3.x source with no issues. I just upgraded to 1.4.2 and 1.10.0 a week ago and some of my links now produce an exception while others do not. Has anyone else experienced any js exceptions when clicking on links? I even tried JQ 1.11.0 and I get the same behavior with JQM 1.4.2. Here is an example that cause an exception. <!DOCTYPE html> <html> <head> <title>Page Title</title> <meta name="viewport" content="width=device-width, initial-scale=1">
Popup dialog not getting focus?
I have two dialogs in a fairly simple PhoneGap app. Both are displayed programmatically in a script using popup('open'). One works fine, the other requires that a button is pressed twice - or at least the user must press in the dialog somewhere and then press the button. Both dialogs are below: <div data-role="popup" id="popupShareDlg" data-overlay-theme="a" data-theme="a" style="max-width:250px;" class="ui-corner-all"> <div data-role="header" data-theme="a" class="ui-corner-top"> <h1>Share</h1></div>
jQuery Mobile 1.4.2 Programatically Open Panel (JSFiddle Example Included)
Please review the following JSFiddle: http://jsfiddle.net/nCs6U/ My content is lost when the panel opens. Am I not initializing it correctly?
Jquerymobile-1.4.2 - when I scroll a controlgroup of checkboxes the checkbox that I tap became checked
Hello, After I made the update from jqm 1.4.0 to 1.4.2, If I swipe left or right from to pages and after I scroll a coltrolgroup of checkboxes the checkbox that I tap became checked. That happens only after the first swipe right or left. If I don't swipe left or right and I enter on the page throw a link it works fine. In 1.4.0 works fine. Thanks. crisp978
Background of toolbar is clicked!
Hi helpers! I developed a jquery mobile page with top and bottom toolbars. If the content is to much to be displayed you can scroll down. The bottom toolbar will always be in front and hiding the stuff behind. But if I now press a button of the toolbar it will actually press the elements hiding behind the toolbar. How do I fix this? Is there any parameter I forgot? These are my parameters: <div data-role="footer" data-position="fixed" data-fullscreen="false" class="footer" data-theme="b" data-id="footer"
can help me in Filter Collapsible please ??
First of all congratulations for the great work that you do here.!!! I have a question on how to find some records obtained from the database (MySQL) through a webserver, show them in an accordion (Collapsible). I would like to do this but with dynamic data. http://demos.jquerymobile.com/1.4.1/filterable/#&ui-state=dialog secction 5: “Filter Collapsible Set” My code example: <div data-role="content"> <form id="formcate" name="formcate"> <div data-role="fieldcontain">
Regex to allow entry of 0 - 9, decimal point, negative sign only
Hi. As the title say's i need regex to handle that one. I need only "dot" and "negative sign" only when i set values in my textbox. Some examples of values are: 53.525356 or 5.353656 or if negative: -22.1234 or 2.1234 Thanks
List not scrolling in some situations
Hello everyone, I'd like to get some help or advices in order to fix my problem with JQM's listviews. I've searched the net for a while but I did not find a solution that makes it for me. Situation : - I have a JQM basic page, with listviews on it. - A few events deal with swipe etc Problem : - When I scroll the list by clicking an item, holding it and swiping down or up, it scrolls perfectly, but when I release the button, then scroll again from that button, it just won't move... I made a jsfiddle
Jquery mobile textarea full width problem
Hi. I'm making some app with jquery mobile and everything with the design goes well for now, but at the bottom i have to put textarea, but the textarea dont fullfil all 100% from the screen it only a half screen. I'm trying with css or jquery to change the width but it's stuck. Please anyone help. Also to be clear, the design is: one header on top, two column layout for buttons and input fields on left and right. after that full width two buttons and on the bottom its need to be full width text
how to noConflict jQuery Mobile?
Hi, I am using two versions of jQuery and i want to start using jQuery mobile. See below code: <code> < script type =" text/javascript " src =" /client/js/jquery-1.4.2.min.js "> </ script > < script type =" text/javascript " src =" /client/js/jquery-2.1.0.min.js "> </ script > < script type =" text/javascript "> var jQuery_2_1_0 = $.noConflict(true); </ script > < script type =" text/javascript " src =" /client/js/jquery.mobile-1.4.2.min.js "> </ script > </code> Now the problem is, that jquery.mobile
jerking jQuery momentum scroll (jquery.momentum.js)
I am using jquery.momentum.js for an application on which i am working. I have noticed that the scroll bar used for displaying events is suddenly begin jerking up and down in small motions very quickly when i touch and move mouse pointer up side or down side. I have tried to modify the configuration in js file but it seems it is not working , It is still begin jerking up and down in small motions very quickly when i touch and move mouse pointer up side or down side. Here are the parameters i tried
How to avoid .ui-btn-left and .ui-btn-right being assigned to links in header?
How to avoid `.ui-btn-left` and `.ui-btn-right` being assigned to links in header? These classes will position my first link to the left and my second to the right which is not what my designer had in mind when she designed my layout. http://jsfiddle.net/fq6Zk/1/ Trying to avoid manually overriding these classes or putting my links in a wrapper to duck away from the class assignment. Thanks.
Kind of JQM carrousel?
Hi JQM gurus. I'm a newbie in JQM development. In a JQM page, I'm trying to implement a sort of carrousel which have to display a group of 2x3 or 3x3 buttons created dynamically. Like a classical carrousel I must have slide-right (>>) and slide-left (<<) icons. The number of buttons to display is not limited. Here's a sketch of my page. (The stuff with brackets are my JQM buttons). ------------------------------------------------ H E A D E R H E R E ------------------------------------------------
What is best practice with list view ?
Hi guys I have been working with list view. i am using 'pagebeforeshow' event. when i came back to my listview page from detail page it is loading again. please any one could suggest which is best page event so that it listview should not reload once comeback from detail page
How to store data with a multistep form in jquery mobile?
With jquery mobile and phonegap i'm preparing an app. Inside this app there is a form. I started with a plain form en posted the data with php. (no Problemo!) Because of lack of space on a tablet when the keyboard is popping up, I want to make a multistep form. So far so good I made a multistep form with "fieldset" "to separate the steps. So that is working. Now here comes the problem. How can I post the data with php. The php file is going to send the data to an email address. (other solutions
Chrome problem - formatting buttons in navbar
Hi all, I wonder if anyone can help me with what's going on here? Here is a simple page with a navbar that has two buttons and one has a different swatch applied: <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.1/jquery.mobile-1.4.1.min.css"> <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.1/jquery.mobile-1.4.1.min.js"></script> </head> <body> <div data-role="footer" data-theme="b"> <div data-role="navbar"> <ul>
Where are changelogs?
Why don't you guys publish changelogs anymore for new jquery mobile releases?
fixing mobile template spotweb
Hi, I am trying to solve a problem with the mobile template of spotweb, there is a button for downloading it directly in a program, but i have a ui-loader that i can't get rid of. The mobile template is in version 1.0a3 i know its an old version and i'm thinking about updating the script but thougt i fix this problem first, at least try:) I'm just a newbie for jquery (got to mention it:)) Google Chrome element inspector say's its a Uncaught TypeError: Cannot call method '_trigger' of undefined on
ThemeRoller 1.4.2
Hi, Is there an ETA to get ThemeRoller up to 1.4.2? Also aside from these two issues, is the 1.4.1 theme 1.4.2 compatible? https://github.com/jquery/themeroller.jquerymobile.com/issues/178 https://github.com/jquery/themeroller.jquerymobile.com/issues/180 Thanks so much! ~Red
jQuery Mobile with the new Effeckt.css transition library
Hello, Has anybody tried combining their jQuery Mobile apps with the new Effeckt.css transition library? http://h5bp.github.io/Effeckt.css/dist/ In essence, all one would have to do is replace jQuery Mobile's `data-transition="foo"` with `data-effeckt="bar"` right? Thanks! Frank
listview be override when changepage and back to page before
Guys,i have problem in listview. I set listview data from json.. The list view successful show.. But when i changepage and back to page listview.. the listview override data in list.. so, when i try again it's be override data again.. there is solution for this listview guys? Help...
Problems with #page2 menu
Hi all! I have a problem with my code. When I click on "Starta nytt spel" I get to "Page 2". But in "Page 2" I can´t go forward from the menu and click on this: (Page 2 MENU): "Sök spelare" (link to PAGE 6) "Facebook-vänner" (link to PAGE 7) "Slumpad spelare" (link to PAGE 8) "Min familj" (link to PAGE 9) Please, help me :) Thank´s! Here is the code. Watch the BOLD text :) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>LIFQuiz</title> <link rel="stylesheet" href="LIFQuizwhite-blue2.min.css"
jQuery Mobile and Android Webview cant change Page
Hi, I have a big problem with jQuery Mobile and Android Webview. I have three html files and in each file there are different pages: index.html #login #register #pwreset main.html #latestchats #friendlist #chat #friendinfo option.html #profil #options (the words with the hashtags are the pages inside the html) So, when I log in, I switch with $.mobile.changePage("main.html"); to the main.html file with the #latestchats page. Now I will change to my profil using $.mobile.changePage("option.html");.
JQM 1.4.0 inside tabs widget markup loop
In Joomla 2.5 developing a component using JQM 1.4.0, JQ 1.11 got a real headake to shoot the problem: with Joomla SEF disabled the following code works fine. When enabling SEF it causese infinite loop of rebuilding content markup and finally page hangs the browser. I could not find any reasons for this behavior because all logs are empty so no errors are present. When changing tabs widget to Collapsible - all works fine anywhere. the following code causing the problem <div data-role="tabs" id="tabs">
[Problem] Page keeps refresh when passing URL Parameter with page id if that page includes a TAB Widget
http://127.0.0.1/mains/popup?query=hello#123 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="/MON/css/jquery.mobile.icons.min.css" /> <link rel="stylesheet" type="text/css" href="/MON/css/mobile.css" /> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile.structure-1.4.0.min.css"
JQuery Mobile Panel not working navigating back to first page
I am hit with an issue which is blocking me now. I have a panel which can be opened from all my pages and I am using External Panel ( new in JQM 1.4.0) to achieve this which is pretty cool. Panel has links to different pages which are used for navigation. Everything was working fine, until I changed all the transition: 'slide' to transition:'none' for some obvious performance reasons. After I removed the transition Panel started to give weird problems I have created a jsfiddle for better understanding.
jQuery mobile layout
Hi, this may be more of a html /css layout question but I'm using jQuery mobile so I'm wondering if there's an easier way of doing it. It's for a mobile design so I've made it that when the screen is resized the page content also resizes. My current problem is (given my code below): This works fine in a browser, even when resizing the window to a certain extent but when I open it on my phone it's all messed up as shown in the screenshot (Windows phone, internet explorer....). I'm not massively familiar
Next Page