Google map markers/info window not clickable on mobile device.
I've built a site and included a map with some markers, the map works perfect on PC browsers. However, the markers are not clickable on mobile devices, just can't figure what's the problem, please help~~ <script type="text/javascript"> var markers = [ { "title": 'Griffith Park', "lat": '34.1365588', "lng": '-118.2963887', "description": '<p><b>Griffith Park</b> is the tenth-largest municipally owned park in the United States and one of the largest urban
How to prevent a DOM show using jQuery
down vote favorite Is there any methods to prevent a DOM in jQM show until data is ready loaded? I have two pages, need to get data from JSON and i don't want to show them when data haven't ready loaded into them. And here is what i did but it not work. I have two page #palvelu and #varaus in index.html file. var varausJarru = $.Deferred(); var palveluJarru = $.Deferred(); $( document ).on("pagecreate", "#varaus", function () { getJson(); varausJarru; }); $( document
JQM fixed footer “floating” issue
In JQM I want to have a fixed footer but at the same time have a max width of the page (contents to the left). It works fine until I add data-position="fixed" (fixed footer). The footer now fills the whole window and not just 480px. Is this OK or is it a bug? Any ideas how to solve the problem? <div data-role="footer" data-theme="a" data-position="fixed"><h1> </h1> </div> JS: $(document).ready(function() { if ($(window).width() > 480) { $('#page1').css('width', '480px' ); }
1px loading progress bar at bottom...Can be disabled?
When I change page using the following code. $.mobile.pageContainer.pagecontainer("change", 'products.html', { role: "page", reloadPage: true, allowSamePageTransition: true}); There is a little progress bar at bottom (I think it is 1px height). Is there any way to hide it/disable it? Thanks.
overscroll on iOS not working after changing pages....
iOS, I have added the <preference name="DisallowOverscroll" value="true" /> and <preference name="UIWebViewBounce" value="false" /> in the config file already. There is no over-scrolling problem on the first page. However, after I changed the page, then the page can be over-scrolling. example of my code $.mobile.pageContainer.pagecontainer("change", 'products.html', { role: "page", reloadPage: true, allowSamePageTransition: true}); Is there any way to fix this problem?
Can't Stop Cacheing
I'm playing around with mobile sites at the moment and have a very basic two-page multipage front sheet. The second page contains a div datesandtimes_main and I inserted a script that did a pagebeforeshow to use $('#datesandtimes_main').load('datesandtimes.html'); It works fine Only it's cacheing so if I change datesandtimes.html it will not show in the web app if I go back to page 1 and the back to page 2 again. Or if I hit refresh. In fact, the only time it *will* update is when I change the manifest
Remove hover/active state from a list view item.
Hi using JQM 1,4,5 how can I remove the hover and active state from a list view item in the navbar. The code I am using is this: <div data-role="footer" data-position="fixed" data-tap-toggle="false" data-id="footer_1a" data-theme="a"> <div data-role="navbar"> <ul class="footerOptions"> <li><a href="#" data-icon="custom">© London Games, 2016</a></li> </ul> </div> </div> Thanks.
Weird character displaying above selector on selectmenu widget
Hi, I went to demos.jquerymobile.com and picked the selectmenu widget / custom select menu / data-placeholder. When displaying it on chrome browser on my desktop it looks good, but when displaying it on my phone using PhoneGap for iphone there are 4 characters that are appearing above the selec menu (AAAA is displaying) Has anybody had this issue before? How to solve? Thanks!
Attempting theming... what files do I need?
From looking at the source code for the demo http://demos.jquerymobile.com/1.2.1/docs/content/content-themes.html it looks like I need the contents of these 3: <link rel="stylesheet" href="../../css/themes/default/jquery.mobile-1.2.1.css" /> <script src="//code.jquery.com/jquery-1.7.1.min.js"></script> <script src="../../js/jquery.mobile-1.2.1.js"></script> However, my page is being shown minus those plus and minus signs that belong on the collapsible content. Where would these plus and minus signs
Jquery Mobile autocomplete using remote source
I have an existing autocomplete code for Desktop computer using remote php source. My HTML is <!-- Custom Begin Date Render --> <input type="text" name="firstinput" id="firstInput" size="9" > <!-- Custom End Date Render --> <input type="text" name="secondinput" id="secodenInput" size="9" readonly="readonly" />Javascript var countryValue=$('#country').val(); var stateValue=$('#state').val(); var cityValue=$('#city').val(); $("#firstinput").autocomplete({
iOS/Phonegap: jQuery Mobile Error loading page
I have been using jQuery Mobile for a few years now for building apps based on Phonegap Build. Since iOS 10 it seems regular linking to sub pages results in "error loading page". What I do is very simpel: index.html => a jQuery call loads the jQuery Mobile listview with: <a href="item.html?id=1"> Next I have that file (item.html) which is linked to in the same directory, so the file does exist. What could this be and why did it stop working? On Android is works fine btw. I have "cordova-plugin-whitelist"
jQuery Mobile custom select menu not working if url has encoded parameters
Hi, I have a jQuery Mobile 1.4.5 custom select menu on my page. If url has encoded parameters then Url gets appended with id of menu and menu click event does not show option menu popup. Let me know solution for this please. Not working when url is as below http://localhost/GI/SubmitSecureForm.aspx?ENCDATA=JalT6QGRlGk%3d Working when url is as below http://localhost/GI/SubmitSecureForm.aspx?ENCDATA=JalT6QGRlGk= Below how the control looks <div class="ui-select"> <a href="#" role="button" id="ddl_institutionaccountnumber-button"
Button's Click with QueryString
Hi, I have: <button id="btnMyStaffLeaves">Leaves</button> in my staff_details.php I want to know how can I redirect when click to staff_leave.php?id=xxxx where xxx is the QueryString ID of the current page (staff_details.php?id=xxx). Thanks, Jassim
resetActivePageHeight causes scroll to top upon iframe load
The resetActivePageHeight is apparently fired after a iframe finish loading. This causes a major problem. In my case, I have an iframe the top of the page and a long list with some search results. It takes 1-2 seconds to load the iframe content, and in that time the visitor has most likely scrolled down the list. When the iframe finish the load, then the page will scroll to the top again, which is very annoying for the visitor. The issue can be seen in this example: http://www.w3schools.com/code/tryit.asp?filename=F0K7K1TQOJG3
jQuery Mobile not formating the .append() created List
I am trying to build jQuery mobile website by looping through XML document and creating master list and individual pages... However the jquery.mobile-1.4.5.min.js script is running before page is built so the <li> are being added, but jQuery mobile isnt formatting is not right. Is there a way to call the jQuery mobile after the ajax loop is finished?
div hidden status :first page load run, link click after div hidden status problem(div.hidden constant :true)
hi, my problem : http://www.technovatan.com/ 1.first page load 2.search button click no problem 3.page link (right panel > Ürünler click 4. a)2.search button click problem b) div.arama hidden constant :true please help $(document).on('click', '#btnara', function () { console.log('hidden:' + $("div.arama:first").is(":hidden")); if ($("div.arama:first").is(":hidden")) { $("div.arama").slideDown();
Access cam
Hi all, I am using the following HTML code to access cellphone cam - <input type="file" id="fileInputID" accept="image/*;capture=camera"> When user click the button she gets a menu asking to select an action and the options are Camera, Camcorder, Voice Recorder, Documents. Is there an option to access the Camera and bypass this menu ? Thanks,
Upgrading jQuery mobile from 1.2.1 to 1.4.5
I'm very new to jQuery and have to update a existing project, when i simply replace the old lines with new code the whole css stop working right, its a single page application. <link rel="stylesheet" href="<?php echo AppEnvironment::getMobileUrl() . '/css/jquery.mobile-1.2.1.min.css' ?>" /> <link rel="stylesheet" href="<?php echo AppEnvironment::getMobileUrl() . '/css/style.css' ?>" /> <link rel="shortcut icon" href="<?php echo AppEnvironment::getMobileUrl() . '/img/favicon.ico' ?>" type="image/x-icon"
jQuery Mobile 1.4.5 Table Reflow
If I follow the example in the jQuery Mobile 1.4.5 demos for Table Reflow, but set up my table using thead: <table> <thead> <tr><th></th>...</tr> </thead> <tbody> <tr><td></td>...</tr> </tbody> </table> Then I don't get any column headers (labels) moved down in the reflow process. I only get data, when headers are supposed to be displayed left of the data. If I use a "old" table, then everything works: <table> <tr><th></th>...</tr> <tr><td></td>...</tr> </table> Isn't Table Reflow supposed to also
Music player for Jquery Mobile?
Hello, I would like to add a music player where I can add different playlist and have my songs playing one after the other or on a loop on Android devices. Do youi know if there is a clever jquery mobile plugin I could use please? Thank you.
Jquery Mobile
hi can you help me how to make mobile apps in class record....?/?????
Problem about create a small Cordova app
Hello everybody. I am not really sure if I am posting this question in the right place but please bare with me. I am planning to create a small Cordova app with the ultimate intention of submitting it. What I would like to know is the following: If on load I create a variable, in this case myName which will be used across a number of pages. On page1, myName is 'Andrew' but if you navigate to page2 it is changed to 'Agatha' what happens when the app is placed in to the background? For example when
Jquery mobile - fitlerable listview set code in focus event/show items on click
We have multiple filterable inputs on a page, looking to show list when a filterable listview has focus. What we want to achieve is: 1. when user clicks the listview search, shows a small set of choices (5 or 10) 2. when the user starts entering text in the search box, we use the filertablebeforefilter event to narrow down the choices and refresh the li entries. HTML: <input type="hidden" id="jobtemp" name="jobtemp" value="" /> <input type="hidden" id="jobcode" name="jobcode" /> <ul id="jobautocomplete"
Question about use a single page and navigate by DOM In Jquery.
I used jquery mobile 1.3.2 i've the following situation: <div data-role="page" id="page1"> <div data-role="panel" id="mypanel"> <a href="#page-href" class="ui-link-inherit"> </div> <div data-role="header">...</div> <div data-role="content">...</div> <div data-role="footer">...</div> </div> <div data-role="page" id="page2"> <div data-role="header">...</div> <div data-role="content">...</div> <div data-role="footer">...</div> </div> the question is: i want to use a single page and navigate
Refactoring JQM based app: Backbone vs. React
In order to be prepared for a future framework switch (see https://forum.jquery.com/topic/1-5-timeline) I decided to refactor my project by introducing a clean model view separation before adding any new features. While there are many articles about combining JQM with Backbone (see http://demos.jquerymobile.com/1.3.0-rc.1/docs/pages/Backbone-Require/index.html), to my surprise, even React seems to be an option (jQuery Mobile React Example). Has anyone experiences with either approach (or even both)?
Collapsible set - different look
Hello, Expand than collapse cause different look for the first, second, etc., and the last. Is it WAD? Thank you, LP
Initialising a button on the page_container gives rubbish markup.
The markup below throws a div around the Yes button & give a terrible ui (shown at the bottom) when the button is initialised using: var w = $("#confirmDeleteAccountDialog .deleteConfirmationButton"); if (w.data("mobileButton") === undefined) { w.button(); } w.button("enable"); How do I go about NOT having the div around the anchor created? (Line 21) I've omitted all the script stuff. Thanks for looking, N <html> <head></head> <body> <!-- Mobile page
Embed JQuery Mobile App to Site
Good evening, I have a website and I have created a JQuery Mobile App of the website. What I would like is for the user to visit my website, then have the option to click on a image "Download app" and the mobile web app automatically downloads to a icon app. Is this possible. I have detect mobile browser JS embedded, but confused as to how that can help me. Kind regards
popup with scrollbars, can't select checkbox at bottom of popup
Hi everyone I've got a popup that I need to constrain the size of. Within the popup there is a checkbox at the bottom, and whenever I try to click this checkbox, the dialog scroll jumps to the top position (and the checkbox remains unchecked). Thanks for any suggestions you can give Code follows <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
Daily Devotional or Daily Message
Okay, I am a complete newbie to JS and jQuery. Taking JavaScript classes to build my understanding. Meanwhile, simultaneously working toward building my first mobile phone app that will provide daily messages 365 days a year, strictly based on the month and day, not the year -- thus, the messages will repeat the following year. It is ultimately for a book project that has set messages for each day. I'm building it with my base knowledge of HTML5 and CSS with the idea to eventually run it through
App unexpectedly navigating back to first page on its own, out of ideas
I am building an app in phonegap using jquery mobile. It's a single page app, using data-role="page" and id="whatever" for each page (just examples, each id is unique of course). To change pages in the app, I'm doing it like so (note that transitions have been set to none globally in case that was a possible cause). The app has some dynamically loaded pages, and sometimes a page needs to be changed after an action of some sort takes place: $(":mobile-pagecontainer").pagecontainer("change", "#search-page");
Refreshing a table after delete row?
Hi! I'm having problems figuring out how to refresh a table after deletion of a single row. I'm using jQuery Mobile 1.4.5. My table is populated using AJAX to load a JSON file from the server. I have created PHP functions to manipulate the JSON file, one of which deletes a single row by providing it with an index. I know that's not optimal, but I don't filter or sort the table, so it's OK in this application. When populating the table I add an extra column for a delete icon, which has a click() function
jQuery Mobile Slider : Need urgent help.
We are working on an web application that includes quite a bit of graphics work around jQuery utilities such as jQuery mobile slider and other jQuery stuff. Can any one help to provide a fix/workaround for this particular thing. It’s about providing a comma separated currency text field in a built in JQuery slider text control. By Default its supports only normal integers and not supporting commas/strings. If commas are added tweaking the JQuery script, all the nearby images present in the jQuery
mobile swipe detection
hey guys im using a plugin called bxslider and i'm trying to detect when a user swipes the divs. here are the versions i'm using...i have to use jquery 2.2.4 as the errors it creates with jquery mobile. jquery 2.2.4 jquery mobile 1.4.5 html <div class="internet_data"> <div class="slide slide-selected" data-value="1 GB">1 GB</div> <div class="slide" data-value="2 GB">2 GB</div> <div class="slide" data-value="3 GB">3 GB</div>
Popup menu popping up in wrong place on Android!
I have a popdown menu in the header. On iOS it works perfectly. On Android... well... if you push the menu button some random number of times the MIGHT eventually popup where it's supposed to. It does always popup (generally on the opposite side of the screen) and when its up none of the selections are clickable but instead just dismiss the menu. Here are the files I'm including: <link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.4.5.min.css" /> <script src="jquery.mobile/jquery-2.1.4.min.js"></script>
Serious problems with jQMobile_child
Dear Friends. I am very DISTRESSED. I can't seem to FIND where to make changes to my JQMobile_child theme. We have a wordpress website. Which works fine. But we send people to the JQMobile_child theme when they are using their smartphone. But we are trying to make a few changes to the JQMobile_child, such as change the phone number and fix a picture. Please see the pictures. You will notice the changes that we are trying to fix. We also have a picture of the back end. We can't find WHERE
Neches Engineers-Position content outside JQM container
Hi I am Thomas working in Neches Engineers. If for some reason, I have a specific DIV content inside data-role=header, How I can position it like usually we do for css position:absolute ? I tried but it appear only as relative to header. I would like to make it position anywhere in the page. Thanks Thomas Hanson Neches Engineers
Need help! - jQuery mobile and cognos integrations - Issue in IE
Hi, I am trying to use the jQuery mobile as a UI in Cognos. It is working fine in all the browsers(chrome, safari, firefox) but not Internet explorer(we are using IE 11). I am aware that jQuery mobile compatibility in IE is no more guaranteed. But my sample jQuery mobile code is working fine in IE if I uses it as standalone HTML file(without cognos). So, if some one could figure out "what is the issue?" and "where the collision?" then this issue will be resolved. I have created a sample report
Help ! I have a problem to use jquery mobile.
I can not upload photos to localhost. The problem is that the <script src = "JS / mobile / 1.4.2 / jquery.mobile-1.4.5.min.js"> </ script>. I want to solve the problem. How to fix ?
Dynamic add Checkbox to 2-columns Grid now not work
Hello, I try to load a xml and add a checkbox into the 2-columns grid, but it always shows one column. Please help! the following Javascript function is to process the xml file where the "data" is a xml document. <fieldset id="studentList" class="ui-grid-a"></fieldset> <?xml version="1.0" encoding="UTF-8"?> <students> <student id="" no="1" name="Eric"/> <student id="" no="2" name="Ericsson"/> </students> function processingData(data) { $('#list').empty(); var output = []; var n = 1; $(data).find('student').each(function(){
Next Page