Create options of a select element dynamically - JQuery Mobile
I have created options for select list dynamically. When i tried to add options dynamically through jquery it works properly but i want show first item to be selected which is not working. But if i specified it hard coded then it will automatically take first option as a default. <select id="Domain" data-shadow="true" data-mini="true"> </select> <script type="text/javascript"> $(document).ready(function () { $("#Domain").append($("<option>").attr("value", "0").text("---Select Field Name---"));
Transparent background checkbox in controlgroup
I have a controlgroup containing checkboxes, and I'm trying to get the background transparent. I've tried several methods, but it looks like I can't set the background to transparent without setting the checkbox to transparent as well. One of the methods is: .ui-checkbox label.ui-checkbox-off { background: rgba(0,255,255,0.2) !important; } .ui-checkbox label.ui-checkbox-on { background: rgba(0,255,255,0.2) !important; } The result is that in the unchecked checkboxes, the underlying actual checkbox
jQM adds black border to header and footer when select box is opened
Can anyone tell why jQM (structure only CSS) adds a black border to the header and footer when the select box is opened? http://jsfiddle.net/frank_o/y7jf4/10/
bug with jquery-mobile radio button display
hi i m creating a mobil apps and i have a probleme with my radio buttons, they randomly change apparence. I don t get why. on navigator it's fine, but on mobile phone it's very ugly ... champ mobile and tel are requested by an ajax request(dont know if it matter). took 2 screen this one look to not bug on mobile phone http://www.hostingpics.net/viewer.php?id=142626Capture.png this one look to bug (it comes more often than the first) hostingpics.net/viewer.php?id=775202Capture2.png made a jsfiddle jsfiddle.net/xED4q
How to understand the jQuery mobile css name?
I want to study its css, but I didn't know the meaning of the name, such as ".ui-page", "..ui-corner-all", "..ui-btn-icon-bottom", etc. I hope I can customize css content, please help me.
Download theme from ThemeRoller
Hi guys, please help me, how to download custom theme from ThemeRoller w/o CDN link? I've save as files from CDN, but my theme still broken.
zooming problem in safari ipad
Hello Jquery mobile experts, I am facing a problem with zooming in Ipad web application. The problem is when we zoom in a page after some extent the safari is getting closed. What to could be wrong? Is there any solution for this? plz help? Thank you
Why is autocomplete slower in 1.4 than 1.3??
Hi All, I'm making a simple web app and i want to use the autocomplete feature of list view. I noticed that for some reason the JQM 1.3 demo is much faster than the JQM 1.4 demo for local data. What i mean by this is when you type in the 'search box' in 1.3 there is no noticible lag in filtering down the search results, but in 1.4 there is quite a big lag in populating the exact same list (of cars, in this case). Check it out http://demos.jquerymobile.com/1.3.0-rc.1/docs/demos/widgets/autocomplete/index.html
jquery.min.map cause 404 in jquery#1.10.2
I'm using jquery#1.10.2 from bower, because jQuery mobile requests this version. In the jquery.min.map, there is a "sources":["jquery-1.10.2.js"], which is not exist in the dir, and it'll cause a 404 error in console of Chrome's developer tools. Will you please change it to "sources":["jquery.js"] to prevent this error? Thanks!
Blue highlight over Popup
Hi, As shown in the screenshots attached, a blue highlight appears over popups when the page is viewed in Android 4.2.1 (tested with Dolphin and Next browser). The screenshots are from the JQM 1.4.3 Demo page. Is there any way to remove/disable this blue cast/highlight? Thanks
how to disable jQuery.Mobile.MVC?
I building a mobile version for my site and i have created mobile views for my website and i am still in process of creating them. i want to test how it would look on live device. so i would like to disable the .Mobile files and i tired running some scripts to disable but no luck. jQuery Mobile in ASP.NET MVC 4, i am using these package here https://www.nuget.org/packages/jQuery.Mobile.MVC.
Problem with change page passing data
I'm new to jquerymobile, i'm developing a web app: I need to pass to a page some data, the receiver page use the data, aske to DB and make a list. Clicking on a button of the new page the data ar re-ordered (asking to server). I don't understand the logic of this usage, the documentation is not well formed for this page transation. Do I have to insert php code in page or not? Do i pass data to php or not? I need help, i'm available to pay somone for make me understand it.
Bookmark Links not working with jquery mobile
Jquery-Mobile is interfering with my same page (Bookmark) links. To fix this, I'm attempting to disable ajax calls for hyperlinks on pages within a given site. I have successfully disabled ajax for the normal links on the page, but bookmarked links are still NOT working correctly. I have researched the jquery mobile documentation and other questions here. I am using jquery mobile 1.4.2 and have setup a script to disable ajax calls throughout the entire page by setting ajaxEnabled to false and pushStateEnable
Why is it so difficult to change the text of a button in jQuery Mobile?
There should be a possibility to easily change the text of a button using jQuery for jQuery Mobile input type="button". Something like: $("#button").button("option", "value", "New Text"); This command is valid, but it does not change the text on the button. It only changes the value, but without any effect or sense...
Looking for an user-frienfly "open file dialog" component
Hello, Currently, I use this following line to have an open file dialog : <input id="filePath" type="file" /> But it's not user friendly to create a web-mobile application. Does it exist another open file dialog existing with JQuery Mobile ? Thank you
$.mobile.loading needs sleep and stops animating for background work
I'm working on a PhoneGap application and am using jQueryMobile for the UI . The api for the JQM loader widget is really simple and for all of the small examples it works perfectly, however, I'm having two issues when trying to get it to work nicely when I actually need it to cover for long running tasks such as loading complex UI and saving data to the disk. The loading widget does not appear when I start it immediately before starting my long running task In these cases, I have to wrap the
Radio button not always setting the underlying input on click
Hi, I have a jqm radio button that looks like this: <div data-role="controlgroup" data-type="horizontal"> <h3>Type</h3> <input type="radio" name="type" id="deposit_typeTotal" value="t" checked/> <label for="deposit_typeTotal">Total</label> <input type="radio" name="type" id="deposit_typeIndividual" value="i"/> <label for="deposit_typeIndividual">Individual</label> </div> It's part of a phonegap application which I'm
Can you preload and internal page?
Hi, I have stumbled into the following problem whilst trying some JQM - I have created a mini-version in a fiddle here to show what the problem is, http://jsfiddle.net/59gwp/ . In my code I want to call the disable_button before the page is transitioned to but I cannot get it to work only once the page is loaded (see commented out code). I am not sure if it is possible to preload and internal page - if so how? Any help would be great, Paul.
Is there any freelancer site for just jquery mobile developers?
I want to know if there is any freelancer site for just jquery mobile developers? What do you think about jquerymobile.ninja
refresh dynamic contents on common popup jQuery mobile
I am working on a web app where, I have a Common popup as a direct child of , it contains few popups created dynamically from the JSON. There are two separate pages having user input form. JSON file is updated using the form data. I am updating the contents of the popups using the updated JSON in the form submit function. I am facing the problem to refresh the popup contents on form submit. I have to restart the APP to see the changes on popups. I tried triggering 'refresh' and 'create' events on
Page loads with error loading page
Hi all, I am developing an app using Cordova and jQM 1.3.2, I have created upto some level for android and wanted to build whatever was created and test it on iOS. Everything works fine on android, but the same loads with error when I emulate on MAC. $(document).on("pageinit", function(){ $.mobile.changePage("pages/login.html"); }); While loading login.html page, it shows Error Loading Page even before submitting the form, when the form is submitted, user can login without problem
Can jquery mobile Slider be used and not show the value ?
Hello, this may be a stupid question, but I cannot seem to find information on how to use the slide widget without showing the value (still have it available to save to a database though). Below is my code once I assign variables it shows a slider wit ha question and two sides of the scale. In essence I want to show the slide (with the labels for left and right of scale) but not have the box with the value showing on the page. $surQ8 = "How much do you trust this dealership ?" print" <label for='slider-0'>".$surQ8."
jQuery Mobile content height issue with iOS 7
I'm having an issue with jQuery Mobile 1.4.2 using iOS 7 on my iPhone 5. I have created a web app and my layout includes a header, content and footer on a normal page. For some reason, I am still able to scroll down page on iOS 7 safari even though all elements within the content are visible. This is causing me some issues throughout my app, and I have tried seemingly everything to fix it. Here are some screenshots to explain what I mean: Not scrolled: http://imgur.com/Kk4z4nc Scrolled: http://imgur.com/sBRSmVc
Slide-in menu doesn't work
Hi... I'm building a new mobile site using jQM 1.4.3, and I'm wondering if someone can help me resolve an issue with my slider menu (if that is where the problem is!) I've streamlined my html here to demonstrate the issue. Here are the steps to duplicate the problem: 1. From the Home page, click the "More" button on the bottom navbar. The slider menu opens. 2. Click Music. The Music page loads. 3. Click the "More" button on the bottom again. The slider menu opens. 4. Click Home. The Home page loads.
Listview slide menu doesn't always refresh to top
Hi, I have a mobile site with a bottom menu bar. Two of the buttons on that menu call a slider listview menu. If the page I'm currently on is scrolled down when I click one of those two buttons, the listview menu slides in but it is also scrolled down so I can only see the bottom of the menu. Here is the site: www.oliverrichman.com/mobile It doesn't do this on all pages. Some pages (such as "Photos") work great. But on the News page for example, if you scroll to the bottom of the page, then click
How to create Search in Jquery Mobile
I want to create a search app for - Source - To Destination of train For example - A user will select Source - And Destination and when he pushes search - Available - Train or bus should be listed. All process should offline on an Android phone . Can anybody please help ?
pagecontainerremove event not fire
I am using jqMobile 1.4.3 and want to register a page remove event on pagecontainer but not success Code i write: $( ":mobile-pagecontainer" ).on( "pagecontainerremove", function ( event, ui ) { //DO something }); Finally i listen on "pageremove" event for Page Widget instead of pagecontainer. It's success! But this is a deprecated event. I check with jqMobile source code and didn't find any trigger point for pagecontainerremove event. Here is trace for page changing flow. After calling $(":mobile-pagecontainer").pagecontainer(
trigger iphone 'Done' button on video ended
I used JQM for a small video app development .. and I am quite happy with the result.. as user can watch it on their computer or mobile device. I am using video.js as an HTML5 player with auto fallbacl to Flash .. and it runs .. ( I am using a single page template ) watching my test app at http://video.webdufour.com/optimal, you can see : 1 - a movie sequence in the video player ( when an ads clip ends it's removed from the playlist ) 2- upon last clip of the sequence ending , the #playlist-page
How to remove collapsible icon ?
Hi I am using jquery mobile (last version 1.4.3) Now, I want to remove the default icon on coolasible. But I dont know where it is How can I do it ? Thank you so much
Maximum # of pages allowed in jQuery Mobile?
Hi Friends, I have more than 300 pages for which I am developing a web-app in jqueryMobile. Till 18 pages, It is working but after that page is not getting loaded. I am getting a page of loading continously. Is there any limit of pages in jqueryMobile? Prompt help will be appreciated PFB, Loading screen Regards, Amrish
jQuery UI or jQuery Mobile?
We're currently looking are developing the next iteration of our website. At the moment we only use jquery moderately along with jQuery UI. In terms of the UI, we use easing effects, the slider bar (with a plug-in for touch devices) and accordion. The next version of the site will be responsive and therefore need to cater for desktop, tablet, mobile etc. We also envisage a lot more javascript/jquery involved in the UX. The question is, should we continue to use UI, should we definitely move over
Issue in jquery left panel in windows phone 8
I have used panel widget ( like hamburger) of jquery mobile. But its not working properly. When I open it , click on any menu item and again click on panel icon (left hand top icon), then it vanishes. Kindly help me out regarding the same
JQM 1.4.3 everything about flip switches does not work for me
To whom it may concern, I'm testing out the flip switch feature of JQM 1.4.3 but for some reason everything I know about them data-wise is not working for me. What I'm testing is on flip switch change, I want to get the current value, but no matter how many times I change the flip switch, the value does not match the state displayed. I'm also trying to toggle the flip switch on a button press. Value wise, it is toggling between on and off but the flip switch does not show the correct state even after
Is it possible develop a tracking bus system app?
Hello, I've seen some Tracking Bus System apps like NextBus, Transit, RocketMan etc I am wondering if it is possible to develop one app like this using jQM?
jquery mobile custom 1.3.1 - button icons not showing
Hello I'm trying to use jquery mobile custom to remove all the things I don't need (sliders, panels, etc.). I've downloaded jquery mobile custom 1.3.1 with all the options selected and when I look at the result on a browser, everything works (transition, arrow buttons on listviews) but the back, refresh and home buttons don't show up. I used firebug to check if I was missing something but everything seems OK. here is a sample of my code : <link rel='stylesheet' href='./extnew/jquery.mobile.custom.structure.min.css'/>
Cannot change cursor position for Inputs in Iframe
In iOS, tapping to change the cursor position stops working when the Jquery Mobile plugin is present for any inputs inside an iframe (e.g. standard input fields and contenteditables) I've created a couple of example jsbins to demonstrate the issue, Without JQuery Mobile, input in Iframe http://jsbin.com/xonijuse/4/edit With JQuery Mobile http://jsbin.com/qudeniwo/1/edit For example, an input with multiple words and cursor at the very end of the last word: "hello world|" Expected behavior for tapping
jQuerymobile not styling
Hi all.. this is my first post here, so go easy please :) I have recently update to IE10 and since them my webpage which uses jquerymobile 1.2.1 stopped working (getting spinning circle all the time).. so I've updated the code to use jquerymobile 1.4.3 and here is where my question come.. the html file is save on an internal company drive (address starts with \\driveName\folder\ ..) if I open the page directly from the drive it works and looks perfectly fine.. BUT If I link to the html from
Listview, changing icon background.
Hi, using JQM is it possible to change the background colour of the data-icon in a list? So if I have it set to data-theme="a" on the listview I can then change only the background of the data-icon to data-theme="b"? Thanks in advance.
Why file inputs refresh doesn't work?
<?php print "<div data-role='fieldset' id='upload'>"; print "<input type='hidden' name='MAX_FILE_SIZE' value='500000'/>"; // print "<div data-role='fieldcontain'>"; // print "<label for='upload[]'>add one img:</label>"; // print "<input type='file' name='upload[]' id='upload1'>"; // print "</div>"; print "<button type='button' id='addUp' name='addUp' data-inline='true'>add a file upload</button>"; print "<button type='button' id='delUp' name='delUp' data-inline='true'>del</button>"; print "</div>";
Survey Cross Mobile Development
Hello, for my exam I'm doing a survey about cross mobile development. I would really appreciate if you could help me by answering these questions: https://docs.google.com/forms/d/1-7g73imPL8aWq7YZEreOYnA0Bm7e8UTMOzZTm73ynDM/viewform Thanks alot!
Next Page