Real issue with radio buttons (losing style)
Hi, New to the forum and have been using JQM a little over the past few months. I have an issue with Version 1.3.2 with radio buttons and styling. I have a set of radio buttons on my page that the labels and values are populated dynamically. When I first open the page I see everything as expected, however if I later return to the page (and try to populate with new dynamic data) the radio buttons don't have the 'select circle' and appear smaller and "flat". Here is my fieldset: <fieldset data-role="controlgroup"
mobile form
hello pls help me experts any example for jquery mobile form with validation and ajax submit. Thanks and regards
Change event not fired on slider
Hi, I'm new to jQueryMobile framework, while I was running some tests to better understand all the framework I've step into this piece of code (that I have written), that doesn't work and I can't understand why... basically there are 2 pages, in each page there is a form with a slider that should react to the "change" event writing its value to a textbox. This works in the first page, but not in the second page although the code is the same... <!DOCTYPE html> <html> <head> <title>Page Title</title>
Postback does not work, conflict between Jquery Mobile and Google Maps Java Script API 3?
I have a website with Google Maps. I use Google Maps Java Script API 3 and Markerclusterer. As soon I include the Jquery Mobile library, google Maps does not load after a postback. The following error results in IE, funnily the errors occure in the Jquery Library, not in Jquery Mobile Library. The bad effect is, that the Maps of Google Maps do not load, you have to refresh the browser. Es wurde eine Ausnahme ausgelöst: in Zeile 1639, Spalte 4 in http://localhost:63914/js/jquery-1.10.2.js 0x800a139e
Dynamically remove arrow Icon Form listview
Hi, Is there a solution for removing the arrow icon of listview items programmatically? Both $(#listview li).attr("data-icon","false"); $(#listview).listview("refresh"); And removing the respective classes did not work. Any ideas? Thanks in advance! Greets, Lisa
Fixed Navigation Bar Scrolls Instead Of Staying Place.
I have included a fixed navigation in the footer of my pages. What I have noticed is that if I pause slightly using the navigation it stays in place as I want it to, but if I click/tap instantly it scrolls with the page. See here, http://jsfiddle.net/2PfsG/ Is there a solution to this? Thanks.
may create all db in index.html even for second html page db
WHEN IN A jQm phonegap app I use two web sql db in two separate html pages one in each may create all db in index.html even for second html page db?
JQM 1.4: Preserve setting for height in viewport meta tag on page change
I just found out that JQM 1.4 rewrites the viewport meta tag on every JQM page change. This creates some problems for one of my apps that needs the viewport height set to device-height - 20px (because of the statusbar plugin for Cordova/Phonegap 3.3). This is done in my app via jQuery and works fine on the first page. But after a page change JQM rewrites the viewport meta tag and thus breaks my fix. So is there a way to have JQM preserve the viewport height parameter? Does it need to be rewritten
jquery mobile 1.4
shall we use simpledialog? cant align yes no buttons horizontally and themes. how to fix this issue? and also want to show alert/confirmation dialog when clicking div not a link?
Changing a data-divider-theme dynamically.
I am trying to change the data-divider-theme dynamically on a list. I am using the following code: $('#list_of_names').attr('data-divider-theme', $(this).attr("data-theme")).trigger('refresh'); With $(this).attr('data-theme') being the letter of the theme passed to it, either a,b,c or d. The first time the user presses a button the theme changes as I want it to but then on subsequent presses the theme remains the same. Many thanks, Lammie.
Getting div data-role panel via ajax
Hi there! I have a question in this code. $(function(){ var menuPanel; $(document).on("pagecreate", function(){ $.ajax({ url: 'server.php', data: 'action=left-panel', type: 'POST', success: function(data){ $('#left-panel').html(data).trigger("create"); } }); }); $('#left-panel').on("tap", function(){ $('#left-panel a').on("tap",function(){ menuPanel = $(this).attr("data-rel");
Strange behavior: local vs online rererence to script files
Look at this: <link rel="stylesheet" href="scripts\jquery.mobile-1.4.0.min.css" /> <script src="scripts\jquery-1.9.1.min.js"></script> <script src="scripts\jquery.mobile-1.4.0.min.js"></script> When I download the files and refer to them locally, the script works. However, when I replace the lines with online reference to these same files <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
jquery and jquery mobile used together?
i am trying to build responisve website and looking like if i can use different jquery implementation at different resulations please help
What are the basic requirements for a WCF Service to be used in JQueryMobile?
Hi, I want to consume a external WCF Service provided by Client in a JQueryMobile project. So want to know can we blindly use the WCF Service or there are some restriction in consuming the webservice methods (like WCF methods should have specific attributes if we need to access from QueryMobile). we dont have any option of modifying the WCF webservices we will be just consumers so just before starting on we need know what all restrictions are there if we want to use WCF Service in
Close dialog error method undefined in JQM1.4.0
As I upgrade my project to use JQM 1.4 there is an error in console debugging when I close the dialog, I am not sure it can effect to my project or not. And I have already run example dialog on demo online site http://demos.jquerymobile.com/1.4.0/pages-dialog/ Error is the same as mine. Uncaught TypeError: Cannot call method 'apply' of undefined ps. Test it on google chrome
adapt code to 1.4
Hi The code using the previous version of jqm, referred to the following files: jquery-1.8.2.min.js jquery.tools.min.js jquery.mobile-1.2.0.min.css jquery.mobile-1.2.0.min.js I see that the first and second one do not have any obvious equivalent in the 1.4 pack; jquery.mobile-1.4.0.css jquery.mobile-1.4.0.js jquery.mobile-1.4.0.min.css jquery.mobile-1.4.0.min.js jquery.mobile-1.4.0.min.map jquery.mobile.external-png-1.4.0.css jquery.mobile.external-png-1.4.0.min.css jquery.mobile.icons-1.4.0.css
In jqm 1.4 is it possible to change data-theme dynamically wihout having to do .removeClass .addClass
Have had issues trying to dynamically change data-theme dynamically. it updates the html and I have tried the using .listview('refresh') and li element .trigger('mouseout'), but still I see no visual changes in styling.
How to prevent breaks when user reloads a page.
I have straight out links from page to page to page. <A HREF="page.php" data-role="button"> When a user thus reloads though on a page a few in...they lose the CSS and other things associated with that page. That is because the header files are only on the first page and not on subsequent pages. I'm hoping to have it so that if someone forces the reload that it resets to the front page of the app. Or is there a better way to do this. Thanks
make jQuery Mobile app stay open when user presses the home button on iphone
Hi: I am not sure if this is possible. for most iphone apps, when a user pressed the button (not sure what it is called, it is the only button on the front), the app goes away, but somehow it remembers its state or just being dormant. so when the user presses the icon to bring up the app again, it will be in the state when the user last visited it. for example, the state of collapsibles, panels, which page is in the dom. Now when a user presses the button in my jquery mobile app, it goes away and
Is this the best way to make a translation-dictionary app?
Hi everyone, I'm a bit of a JQM noob. I'm great with HTML CSS and PHP and I want to try and make an app using JQM. I made a very simple presentation app for a friend. It was okay. Now, I want to try a bigger project. I want to make a translation/dictionary app and submit it to the iTunes store and the Google Play store. I have an idea of how things should be made, but I would love some input from the more experienced JQM folk here. 1. START SCREEN -> WORD LIST -> WORD DETAIL From the start screen,
Push panels not working as they should.
Hi Guys, i'm having a little problem. My push panels on this site are not running as they should. Here is the link: http://www.glaserarbeiten.info/mobilewebsite/ Im pretty new to jquery mobile. I thought i could get some help here. If you click the panel, and go to another page and activate the push panel there again and switch back to e.g. home the panel is not sliding out sometimes. I tried it in Chrome, Firefox and Safari + Samsung Galaxy SII standard browser.
1.4.0 icon sprites?
1.4.0's new icon markup (or removal of) appears to have rendered icon sprites impossible to use any work around? css or javascript? Is it just me, or is this a very peculiar design choice? The new inline SVG is top-notch, but I don't see why the icon pseudo selector / removal of <span class=ui-icon"> was necessary
What's the purpose of setting a property on an already initialized component?
I'm trying to modify the plugin options but none seem to work. What's the purpose of doing something like the following: $( ".selector" ).listview( "option", "inset", true ); if the inset mode won't change the visualization even after doing something like: $( ".selector" ).listview( "refresh"); it changes the option value but why give the user access to this option if changing the value wont actually change the plugin visually? So far only thing refresh has done for me is to let me add new items
Multiple select button text
Hi, I am using version 1.3.2. I have a multiple select field and the user only wants to have the button count enabled. The number of selected items that appears on the button should not happen.Please let me know how to achieve this. Thanks Mihir
Create a left menu that hides when shrinking
Hi, i started using JQuery Mobile only 2 days ago, so sorry if my questions are stupid. I'm trying to use JQM to create an help site for our software, usable both from desktop and from mobile. Something relatively simple with: Header (no problems with that) A left side menu with arguments A right side with the argument content On mobile, the left side menu must disappear if the screen is not wide enough and must be callable with a button on the header. Then similar to http://demos.jquerymobile.com/1.4.0/
to work in browser&ripple must be above - but no work in emulator or real device
<link href="../jquery.mobile-1.2.1/jquery.mobile-1.2.1.min.css" rel="stylesheet" type="text/css"> <script src="../jquery.mobile-1.2.1/jquery-1.8.3.min.js" type="text/javascript"></script> <script type="text/javascript" src="js/trnotes.js"></script> <script src="../jquery.mobile-1.2.1/jquery.mobile-1.2.1.min.js" type="text/javascript"></script> Travel Notes record script: to work in browser&ripple must be above - but no work in emulator or real device. if i have below work in emulator or real device(and
flicker and Jquery Mobile HTML5 Application
Hello, I have developed a mobile app with HTML5 and Jquery Mobile, but the problem comes when I click on the link to other internal pages in the document because a blinking vee on the page and then makes this unpleasant effect opens. I tried to solve it in every possible way but I could not, I have set data-ajax = false, I downloaded a version of jquery, I installed the latest version of jQuery, I deleted all the transitions of the application, but nothing works. That I can do about it. I have
Background disappearing
Hello, i'm building a site that needs a full page background, so I've used this code in the stylesheet.css html { /*Código para fazer background full screen*/ background: url(http://imageshack.com/a/img593/4093/dej6.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } It was working well until i referenced the jquery mobile css, but now it doesn't appear on the background and neither one bar
Code not working moving to the latest version of JQMobile.
Hi, I am having a problem with checking and disabling radio buttons with the latest version of JQuery Mobile - with older versions I have it working fine. I have included a JSFiddle to explain what I am struggling with. When the user presses the 3rd button on any row I want that button to stay checked but that row to become disabled. Subsequently the vertical column of radio buttons - in the first instance all the buttons marked 2nd would also become disabled - when this is repeated the column one
Fixed toolbar and selects on Android 2.3 native browser
When there is a fixed toolbar containing dropdowns, they dont work at all on older Android browser. Is there any solution for this problem?
Panel freeze oniPhone
I am developing a mobile site with jQuery mobile panels. When a panel with a list is open and fast scrolled up and down on an iPhone or iPad iOS 7, it instantly closes and all functions are frozen - only a page refresh releases the freeze. This problem can be replicated with the jQuery demo website http://demos.jquerymobile.com/1.4.0/panel/ Is there a fix?
JQM 1.4 selectmenu widget overlay not set by data-overlay-theme option... always theme "a"
I created an example at http://jsbin.com/IFolanOW/90/edit using the recommended github template. I'm using the new selectmenu widget in jqm 1.4. The issue appears in firefox, chrome As you can see there are several selectmenu widgets on the page. Two (Instruments and Genres) are long enough that they trigger the behavior where the select menu opens as a dialog. They are styled: data-theme='b' data-overlay-theme='b'.... It appears when I inspect that dialog that the body of the dialog page has a class
Reset zoom on page change?
During the development of our mobile website, we came a cross a problem with the zoom of the mobile devices: If the user zooms in and then changes the page by clicking on a link, the website remains zoomed in. After search the web for a solution, I found this script. Using the way to disable and reenable the zoom from that script helped to counter the problem in Chrome and Opera on Android, however for Firefox on Android and Safari on iOS it remained unchanged. I have however not found a diffrent
Dynamically updating link button text - not working on the second run.
Hi, can anyone tell me how I can update the text on link buttons dynamically. I can get it to work the first time but then I lose the formatting. I have included a jsfiddle to hopefully show what I am trying to do - please ignore the layout/styling as I have stripped it down to basics to just to get it working. Thanks in advance.
Jquery Mobile what's new
I have been looking for a long while for this section and not found only detailed technical data in programmers' jargon. Is there a what's new list for general public?
list-style Custom autodivider selector for select menu
Hi Is there a hidden way for jqm 1,4 to have autodivider selector in select menu as in list? Or can list be seen as a single row and drop down when click? I need a drop-down with autoselector.
wrapping event handlers with document.on(pageinit)
I'm writing a simple mobile web site using JQuery Mobile. I wrote this code to handle clicks on anchors pointing to bookmarks within the page. I put the code within a function, and I call the function from within the head HTML section. Here is the code: function initPage() { // Anchor links handling. $(document).on('vclick', 'a[href^=#][href!=#]', function() { location.hash = $(this).attr('href'); return false; }); } Here is HTML fragment calling the
Bug with iOS 7 in Guided Access mode and JQM
Can anyone give me any insight as to how this problem might be resolved? With iOS 7, in Guided Access mode, the Select input no longer brings up the selection list. It just highlights and does nothing. To demonstrate, use this link to JQM 1.3.2 demo page using an iPad with iOS 7 and Guided Access turned ON (details below): http://view.jquerymobile.com/1.3.2/dist/demos/widgets/selects/ Steps: 1) Turn on Guided Access in iOS 7, on an iPad, Settings - General - Accessability - Guided Access - ON -
Datepicker Demo not working
Hi, I tried the datepicker demo for jquerymobile 1.4 with Win7 Firefox 26 and a Galaxy Tab 8 Standard Browser. In both browsers the popup datepicker loses all functionality and styling after changing the month by pressing next or previous.
Disable collapsible [SOLVED]
Hi, I disabled a collapsible via javascript: my_collapsible.collapsible( "disable" ); But now the collapsible looks like the other ones but it does not react when I click on it. Is it possible to dynamically change the collapsed icon to a cross and gray out the text so it is visibly disabled? Thank you!
Next Page