Problem with jQuery Mobile dialog
I have a jQuery Mobile script which works but involves different dialog boxes for each time a numeric value is required from the user. So I tried to use one dialog box for all numeric values: <div data-role="dialog" id="dialogNum" data-theme="a"> <div data-role="header"><h1>Decimal Coordinates</h1></div> <div data-role="content"> <p id="inputDesc"></p> <input type="number" id="myNumber" data-mini="true" value="" /> <a href="#" data-rel="back" data-role="button">Enter</a> </div>
How choose a specific theme for an Widget
Hello! I wish use the table colum toggle, but if I not import the theme, the widget does not work well. But when I add the theme, my bootstrap navbar changes too, and I do not want it. How to import only the css for a specific widget? Like table colum toggle, or Grids.
Mobile UI How to add 6 th column in the NavBar
hi, I am using the jQuery mobile NavBar. How to add 6 th column in the NavBar. Pls post your comments.
unable to show in browser using ajax
hi i am new to jQuery mobile my code is working in iphone/ipad simulator but not working in any browser my code is <!DOCTYPE HTML> <head> <meta charset="utf-8" /> <title>My first jQuery Mobile code</title> <meta name="viewport" content="width=device-width, initial- scale=1"> <link rel="stylesheet" href="JQM/jquery.mobile-1.3.1.css" /> <script type="text/javascript" src="JQUERY/jquery-1.9.1.js"></script> <script type="text/javascript" src="JQM/jquery.mobile-1.3.1.js"></script>
List view from JSON open in InApp Browser
Hey all, I use JSON to list the latest posts from my website in listview for jquery mobile in a iPhone app that uses phonegap. When the user clicks the link I want it to open in the InApp browser of phonegap but cannot get it to work!! The .ajax call is working and a list is being created with the <a> links. Below is the bit that isn't working even though it's similar to a button example that does work on my app elsewhere This does NOT work: $('#datasales').append("<li><a href='#' data-role='button'
How i can fore a function after $.mobile.changePage ?
Hi i have a button in my page with class="editing_team" . When i click on this button i change page via script with $.mobile.changePage and fire a function that populate the page. This is the script: $(document).on('click','.editing_team',function(){ var id_team = $(this).attr('data-id'); var nome_team = $(this).attr('data-name'); $(".counter_formazione").html('0'); $.mobile.changePage ($("#editteam")), list_team_edit(id_team,nome_team) }); The script work good except for a issue. Apparently,
Audio stops playing when iphone goes to sleep
I have a mobile app created with jquery mobile and compiled for ios with phonegap. If an audio file is playing, when the phone goes to sleep, or the top button is pressed, the audio stops playing, but resumes when awakened. Is there a way to force the audio to keep playing when the device goes inactive? Thank you.
Polulate checkbox with hibernate list
Hi All, Please help me in populating the checkbox list using the list I got from hibernate. Thank you. Regards Raj
Panel doesn't work anymore after ajax pageload
I've got a default jQuery-mobile setup with a panel on the right. It works correctly until i navigate to a other page. The panel won't show anymore with: $( "#mypanel" ).panel( "open" ); This although the html of the panel is there. All the pages loaded contain the panel html.
1.3.x no longer passes URL Parameters
I'm not sure what has changed, but in version 1.1.x you could pass a simple link such as #divname?id=foo and retrieve the parameter value of id. In 1.3.x it seems the jQuery is stripping anything other than the page bookmark, so I had to revert back to 1.1.x rather than rewriting a bunch of code. What happened?? Is this going to be fixed? The following function is an example of what's going on. the data-url string no longer contains any parameters. $.extend({getUrlVars:function(){var a=[],b;var
get value of slider on change of slider
Hi, I searched the internet for about 4 hours now, and tried every solution I found, but I still can not get the value of a jQuerymobile slider without having a button being clicked. Is there any solution to this? This is my slider <input type="range" min="0" max="1500" step="50" data-highlight="true" name="kosten_bis" id= "kosten_bis" value="0"> I have also got radio buttons and drop downs, where I already get the values as I change them, but for any reason this does not work with the slide :-(
jquery mobile 1.3 popups navigate back too far on form submission
I have a multi-page JQM site. So, the user logs in on the home page which takes him/her to Page2. On Page 2 the user's data is displayed. If they want to update the data, they click on a button next to the data item which then pulls up a JQM Popup. Simple. After entering the data on the Popup "page" the user clicks on a "submit" key which calls a JavaScript function to update the user's records. Problem is that User is taken all the way back to the login page !! I need them to return to PAGE
how to split the custom size columns
Hi, Can any one help me to custom size columns with the jquery mobile. plze check the my UI image
JQM Panel slow load / lag the entire page when open using iPad/iPhone's Safari/ Chrome
I started to use new JQM version 1.3.1 which have its new Panel data role. I just notice that when i view a page with JQM Panel on IPad/IPhone's Safari / Google Chrome , the page controls render slow and when i type on to an input box it takes time to populate. But Panel works perfectly when viewed on desktop browsers and also on Samsung S3. To check this issue,you can test my 2 sample below: Page with JQM Panel (with issue on page load and input) _http://jsfiddle.net/ZPrJm Page without JQM Panel
select a option in jQueryMobile
I select a option works after loading the page in jquery did something asin: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>title</title> <meta name="viewport" content="width=device-width initial-scale=1"/> <link href="lib/jquery_mobile/jquery.mobile-1.3.1.min.css" rel="stylesheet" type="text/css"/> <script src="lib/jquery/jquery-1.9.1.min.js" type="text/javascript"></script> <script>
jQuery Mobile input box. Stop automatic scrolling to bottom of page
I have page which contains a numeric input box. When this box is touched on an Android device the numeric keypad appears (good) but the page automatically scrolls to the bottom making the input box disappear from view (bad). You can get back to the input box by scrolling back up to it but whenever a number is entered it scrolls to the bottom again. How can I fix it so that the relevant input box remains in view while the data is being entered?
Jquery Mobile 1.1.1 and ControlGroup
Hi everybody, I'm using Jquery Mobile 1.1.1 (and I can't update to 1.3.1 version). I'm trying this example (found here http://view.jquerymobile.com/1.3.1/dist/demos/widgets/controlgroups/ in the "Controlgroup horizontal" ) : <form> <fieldset data-role="controlgroup" data-type="horizontal"> <button data-icon="home">Home</button> <button data-icon="search" data-iconpos="notext">Search</button> <label for="select-more-1a" class="ui-hidden-accessible">More</label> <select
My data from xml document doesn't show when i refresh the page. I am newbie on this. Thank you...
HTML FILE <!DOCTYPE html> <html> <head> <title>ApartmentPro</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="_assets/css/jquery.mobile-1.3.1.min.css" /> <link rel="stylesheet" href="_assets/css/styles.css" /> <script src="_assets/js/jquery-1.9.1.min.js"></script> <script src="_assets/js/jquery.mobile-1.3.1.min.js"></script> <script src="_assets/js/apartmentList.js"></script> </head> <body> <div data-role="page" id="index">
JQM+Dreamweaver+Phone Gap app works in the browser but shows no signs of CSS on the phone???
I am currently working on the Android phone application for my university senior design project utilizing combination of JQM JavaScript and Dreamweaver's Phone Gap. I am using HTC Evo 4G, Android 2.3.5 to test my apk's. While using JQM 1.0 along with JQ 1.6.4 that come with the Dreamweaver everything works fine. In order to take advantage of all of the new features and bug fixes I am trying to upgrade to JQM 1.3 and JQ 1.9. Once I make this change app works flawlessly in all four major browser.
JQuery Mobile 1.3.1 Samsung S GT I9000
Hi, I'm using Samsung S GT I9000 to test one of our websites, but the $.mobile.silentScroll() not seems to work here. Any ideas? Cheers Grace
jQuery Mobile Architecture Documentation
Hi, We are a team of four graduate students at Delft University of Technology working on a Software Architecture course (twitter:https://twitter.com/DelftSWA; professor: https://twitter.com/avandeursen ). We have tried to contact various members of the jQuery Mobile team on Twitter, but to no avail. We are working on documenting the architecture of jQuery Mobile and direct interaction with the developers about this documentation would be great. The project is hosted on github, but the repository
Console.IO Javascript Remote Web console
Hello, I have create a small node.js app to help me developing web apps for smart tv and mobile web apps. Console.IO is a Node.JS project. It provides Remote Web Console for websites, Javascript, Smart Tv, mobile phones apps. It uses express.io & socket.io to provide real time response from the browsers. It works pretty much on all modern browsers, mobile devices, Smart TVs, etc https://github.com/nkashyap/console.io Thanks Nisheeth
View full site link from Jquery mobile page (prevent links from going back to mobile)
Hi, I've got a jquery mobile site and I've put some code in the header of my "full" site to redirect to the mobile site based on the user's screen width. I've got a "full site" link on the jquery mobile site's home page however... Clicking the full site link DOES take me to the full site, but if I click on any links on the full site page, it redirects me back to the mobile site. I'm new at this. Can anyone help? This is the header redirect code: --------------------- function urlParam(name){
How can I set a banner as main titel
Hello, I tried to implement a banner as my maintitel in my jquerry mobile app, now the problem is that its only showing into the middle off my application and it's only showing something like 200px is there a way to sow it over the whole area of my app? Not sure where to look for a awnser to this. Thx
jquery.mobile-1.3.1.min.js causes unexpected EOF
Hi! I'm having trouble with the jquery.mobile-1.3.1.min.js from the zip file -> Unexpected EOF error. I used 7-Zip for extraction. Are there any problems?? Until now I still worked with version 1.0.1 and everything was fine. Thanks for every reply.
Photo Lightbox jquery mobile 1.3.1
I need some kind of simple image gallery made only with jquery mobile. I've been looking into the version 1.3.1 and it's mentioned, in the section Photo Lightbox something similar. The only thing a miss ( I used lightbox quite often in the past) is a easy way to grouping images and setting NEXT and PREV buttons. Is it possible?
How to close the dialog window? $(...).dialog is not a function
Hi, I need to close the dialog window when click the cancel button. I know the options about data-role='back". I need to do programmatically(java script). I got this exception "$(...).dialog is not a function". <script src="./jmobile/js/jquery-1.9.1.js"></script> <script src="./jmobile/js/bredcrumbar/jquery-breadcrumbs.js"></script> <script src="./jmobile/js/jquery.mobile-1.2.0.js"></script> <script src="./jmobile/js/jquery-1.7.1.min.js"></script> <script src="./jmobile/js/jquery.mobile-1.1.0-rc.1.min.js"></script>
How to implement the add to calendar in mobile web ?
How to implement the add to calendar in mobile web ? Is there any possibility to implement this. This feature has need to support for all smart phones.
How to use the clipboard of mobile under jquery framework
I want get the copy event of clipboard in the mobile phone, but under the jquery mobile framework, it seems that the copy dialog is blocked by jquery mobile. Has Anybody met this issue? Many thanks.
ui-listview-filter refresh
Hi How to refresh listview while im typing on ui-listview-filter??and show the search result Thanks Keen
Little jump to top during transition slide !
Hi , i use jQM 1.3.1 and i have developed a litlle app with some pages. To navigate between page i use transition slide but i have noted a little problem. When i click the link to change page the actual page move it on top of 1/2px, after the transition it come down again. I see clearly the header title move it on top of 1/2px. It 's a movement that you note only if you observe very carefully. How i can resolve this problem? Thanks for help !
Proper use of "ns"
I'd like to hear some opinions on the proper use of jQuery Mobile ns option and jqmData() function and :jqmData selector. As I understand it, if you set the global option ns, then whatever string you put there will be required to be prepended to all data-attributes. So, if you set ns to foo-, then, instead of data-role="page", you will have to write data-foo-role="page". The idea behind this is that it can get you out of situations where the JQM data-attributes conflict with those of some other library
jQuery Mobile is no longer working on desktop browsers?
I developed several jQuery Mobile sites and when I did this I was able to view them on normal browsers (desktop) such as Firefox and Chrome and it would like exactly like it did on the phone, only larger. Now it seems jQuery mobile doesn't do this. Does anyone know why?
Custom navbar images?
Is there a way to use custom menu images in the navbar which produces something like this? I tried doing something like this: <div data-role="navbar"> <ul> <li><a href="#"><img src="images/home.png></a></li> <li><a href="#"><img src="images/battle.png></a></li> <li><a href="#"><img src="images/summon.png></a></li> <li><a href="#"><img src="images/help.png></a></li>
strange popup behaviour on iphone 4
Hi all, I created a web app using JQM 1.3.1. All is almost fine. I only have a problem: I have a popup menu on the footer that should ... popup!... once tapped. It only popups when I have NOT added the webapp to the iphone home. Once I add the web app to the iphone home the popup menu doesn't popup anymore. Has someone seen something similar? TIA tony
JQM 1.3.1: afterclose function defined in the option to popup() is called during popup() execution
Hi, with the initialization code popup({ afterclose : function(event, ui) {}}) the afterclose function is unexpectedly called during the execution of popup(). Regards, Wolfgang
Ui-listview-filter icon
Hi, Im not good in CSS . that's why guys i need your help hehhe.. How to change the icon of search bar of listview? like this color of star. Thanks :) Keen
JQM 1.3.1 window positioned popup higher than viewport and with a button with class eg ui-btn-right is positioned slightly wrong
Hi, in JQM 1.3.1 a popup with window positioning which is higher than the viewport and contaning a button with class eg ui-btn-right is positioned slightly wrong with top=0 which cuts the upperhalf of the button away. Regards, Wolfgang
jquery autocompletion functionality is not working in iPad
My jquery autocompletion functionality is working fine in desktop and laptop with all browsers (IE,Chrome,firefox,Safari ) but it is not working in iPad. My application is in salesforce so I am using Visualforce page for UI. Can anyone please help me out?
.ui-listview-filter
is there a way that when i typing on the search bar listview will go to top?
Next Page