Date and Time Picker plugin for jQueryMobile not working in Android Emulator
I am newbie to JQueryMobile, When I test at jsfiddle its work fine, but when i run at Android Emulator, it become like this The date and time picker is missing Below is my sample code, <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title></title> <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.1/jquery.mobile-1.1.1.min.css" /> <link rel="stylesheet"
redirecting to other pages and nav bar gets lost
Hey everyone, I'm having a trouble with the navigation bar when redirecting users to other pages. For example, if a user logs in, then they will be redirected to the main page (mysite/index.php) but the url displays as mysite/login.php which is the pure PHP script that doesn't contain any HTML lines in it. I guess that is fine, but the nav bar on the main page disappears unless I refresh the page to get it back. I hope to hear from someone here. cheers
White screen blinking in transtions
Hi all I am having issues with transitions when going to another page (i am having multiple pages applications) The device that I am testing is the Samsung Galaxy Nexus S2 and Acer Tablet. In the phone I am not seeing the issue but on the tablet i am seeing a blank between each transitions. This is kind of awfull as I can not submit my application with this issue. Do you know if this is planned to be fixed? Or have a hack for that? Thanks
iPhone push and hold
Hey, I just wanted to report a strange bug. I am using a listview to hold some links to other pages, when one touches and holds one of these bugs, and then releases (before the little menu that asks you if you want to open the link in a new page and what not comes up) the text from the button is removed. --Ashley
color fax and phone number and email!
hello :) please I heve a little problem, I ready inserted a phone number and email to my mobile site is based on this site but I can not change the color of the following number and email still blue (just on my page index) thank you for your helps
Unable to Fire pagebeforecreate
I'm having a problem getting the my pagebeforecreate event to fire. I have the following code: $(document).ready(function () { <Code....> $('#login').live('pagebeforecreate', function (event) { alert('Page inserted into dom'); }); $('#login').live('pagebeforeshow', function () { if (datatimer != null || datatimer != 'undefined') { clearInterval(datatimer); }
Prevent a popup from closing (tapping outside widget)
The problem: I do an Ajax request. When it is finished i want to display a message in a popup window the result of the Ajax request. But i don´t want the user to accidentally close the popup by clicking outside the widget (it would be closed with a button). So is there a way to prevent a user from closing a popup by tapping outside the widget?
date picker with simulators
Dears, I developed a mobile application using jquery + html5 (phonegap), I've a text input with type = date when I run the application on android simulator the date picker didn't appear but the keyboard which appeared, also when I run the application on iphone simulator I faced the same problem, also when I run the application on windows mobile 7 simulator the same issue appears. when I run the application on android device the date picker appears, also on iphone device the date picker appears. I
Coming soon splitview official??
Hi! Splitview official in jQuery mobile 1.2.1???
Problem with jQueryMobile Code
Hey there, At first sorry for my bad English. I'm from Germany and i have a problem with jQueryMobile Code. This is my complete code. With Firebug there is no error. jsfiddle Code I don't know what to do. So I need your help. Emjay
$.mobile.changePage = function( toPage, options ) { }) missing releasePageTransitionLock() at the end
Hello guys, shouldn't there be also a releasePageTransitionLock(); at the end of the function $.mobile.changePage. according to what I have tested here: http://stackoverflow.com/questions/12796742/mobile-changepage-not-working-with-phonegap-android-emulator there is missing or the variable isPageTransitioning could never get the false value.
How do I disable Android Back button on one page and change to exit button on every other page
Hello community, I am developing an Android application using Phonegap that interacts with my Drupal site. I have re-assigned the Android "Back" button to prompt the user to log off from the Drupal server however, I just want it disabled on the login page (for obvious reasons). I can get it to work but only until the user logs out then once on the login page the button remains re-assigned as a logoff button. Here's the code I have so far: <head> <script> /* Wait until device is ready
zoom out problem
I am facing zoom in problem mobile native apps. When I hit on input section my page is zoom in but when i fill out the form or cancel button the page still zoom in. I want it to normal screen please guide me. I am usking code: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=0" /> <title>Emodoki</title> <link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio:
Using a link with data-rel="dialog" will add the data-url attribute to a page. Using changePage() will not.
I was digging through a problem today, as you can see over at my other post that revolved around different behaviour from clicking a link built with <a data-rel="dialog" href="#page"> versus using changePage($("#page"), {role: "dialog"}); Using a link, jQueryMobile automatically adds a data-url attribute to the page when it's loaded. Using changePage, jQueryMobile does not. So my navigation was breaking. I manually added my data-url attributes to fix this issue, but wanted to report it so that someone
Need some advice
Hey everyone, I'm starting to develop an app using JQuery mobile for a company. I will have to collect some information of their web site and show them on the app. My problem is that they don't want the app to access directly to the website's database, and they also don't want to copy that database. So I think I will have to create a web service. But I didn't know anything about that, so if someone can advice me some good tutorials on how I can create such web service and how the app can communicate
please I'm desperate jquery mobile
Hello, I am developing a web application that calculates the level of a task, I used HTML5 and jQuery Mobile I've developed a list-view links to other php file in php passing a value, as follows <li> <a href = "golpes_especiales.php? value = 2 & acu = <? php echo $ acu;?>"> It tries poscionar casual </ a> </ li> In the gathering via php I Get the parameter value and also adding: <? php $ value = $ _GET ['value']; $ acu = $ _GET ["acu"]; $ acu acu + $ = $ value; ?> php is a final file shows these
Develop jquery Mobile application to play audio and vedio files
hi, I am new to JqueryMobile Framework. My requirement is to develop an application to play audio and vedio files. I developed a simple application using JqueryMobile FrameWork in Icenium Graphit Environment.In this i have to play some audio and vedio files from sdcard.. Please suggest me to go forward.. thank you, srinivas
JQM + Phonegap: search filtering and autocomplete problem on real device
ok, that's the problem: both search filters in listviews and jqm autocomplete plugin (by Andy Matthews http://www.andymatthews.net/) don't work on my real android device jqm app packed-in a phonegap application. But.. - they both work fine when browsing my application by any desktop browser - they both work on the eclipse android sdk's emulator More info: - Using a Samsung Nexus S device, with Android 4.1 Jellybean - Using jquery 1.7.1 and jquery mobile 1.2.0 alpha Any known issue about that? :(
Unable to change footer button theme
I am trying to change the footer button theme in the page show method with the below code but it is not working.Default theme is applied instead of below theme can you please suggest alternative for this. $('#ftrDetails').attr('data-theme', 'c') footer button code <a href="DayDetails.aspx" id="ftrDetails" data-role="button" >Day</a>
Version problem
when i changed from <script src="http://code.jquery.com/jquery-1.6.2.min.js?foo=bar"></script> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css?foo=bar" /> <script src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js?foo=bar"></script> to <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css"
Passing parameters from one page to another on windows mobile application.
I am making an jQuery mobile application for windows phone7. I have to pass data from one html page to another at list item click(dynamically generated list ) . i use the code as follows: $("li").bind('click',function(){ $.mobile.changePage('mypage.html?id=5'); }); this does not work properly. even I try to use $("li").bind('click',function(){ $.mobile.changePage('mypage.html',data:"apple=banana"); }); this also show error. Any help will be appreciated.
Need help to optimise site for mobile jquery
hi i need help to make my site optimised for smartphones(windows and android) with using cdn like service but not the api's offered by google or microsoft is it any such api provided by any developer.. <script type="text/javascript" 2 src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> 3 </script> this is a google cdn api is there any way that i can make use of this as my site api or any any individual developer's api.... i am doing this as i am trying to make offline mobile
why do events bubble down instead of up?
I'm working on combining collapsible content with checkboxes to create a tree view of selectable items. I can place a checkbox widget inside a collapsible content header but the header gets the click before the checkbox. Why? The event order appears to be the possible of normal dom events. After spending a day on this I wonder if I should consider starting with a list widget instead but I'm still curious about this question. thanks, matt
JQM 1.1.1 - sliding and scroll does not work too good
Hi Everybody I am having an serious issue with JQM 1.1.1 that sliding and scroll does not work too good by implementing the custom design into it. Sample code <ul data-role="listview"> <li data-icon="arrow-r" ><a href="web-home.html">Home</a></li> <li data-icon="false"> <ul data-role="listview"> <li data-icon="arrow-r" ><a href="Aweb-home.html">A</a></li> <li data-icon="false"> Sun ul and li have to display on the same page and the link should have the sliding effect. Does any one have solution to
Ajax call works, but second click doesn't
Hello, I'm trying to make a search with JSON for our cocktail recipes site. The search with JSON works, but after the JSON search is done, I'm trying to connect a click function for the class cocktaillink (which is populated with JSON data). When I try to click on one of the result links it doesn't call the cocktaillink click function. My app is located here. http://www.cocktailz.nl/app/demo/index.html Any help is greatly appreciated. Thanks, Jeroen
Please get jQuery and jQuery Mobile teams to agree on version compatibility
The jQuery and jQuery Mobile teams have repeatedly made conflicting statements about version compatibility, and this has just occurred once again. This is from yesterday's release announcement for jQuery 1.8.1: Use jQuery UI 1.8.23 and jQuery Mobile 1.1.1 or later for best compatibility with jQuery core 1.8.1. At the same time, the jQuery Mobile development blog says: Support for jQuery 1.7.2 (and soon 1.8) jQuery Mobile 1.2 now supports versions 1.6.4, 1.7.1, and 1.7.2 of jQuery core. We recommend
net button event not firing in JQUERY Mobile but fires after refresh
JQUERY Mobile Framework issue in .net server methods .net button event not calling the server method first time but fires after refresh. how to force it to fire when user click at the first time. Is this a bug in the framework or an issue of the way it has created in the system?
Following Form Post, response is returned, but not displayed in IE7
Our staging site is pretty stable in browsers Firefox and IE9, but we're seeing issues with IPhone 3G Safari V4.2.1 HTC Windows IE V7.0 I am able to reproduce issue in native IE7 as well. On posting the form, I see result has come back to the browser (with Fiddler), yet it does not display. The ui-loader div continues to display, then we eventually get the popup, "A script on this page is causing Internet Explorer to run slowly." My changes include: jquery.mobile-1.0rc1.min.js updated to jquery.mobile-1.1.0.min.js
How to disable animations of elements?
I'm curious about how to disable animations at all. I found many answers to the question how to disable page-transitions. But what I'm looking for is the animation of the elements in a page itself. My problem is that "Flip toggle switch" is stagnant on Samsung Galaxy Tab 2 10.1. Now I would simply disable the animation hoping it will then be as fast as toggling a radio-button. How you do that?
JQM 1.2.0a1: Can't enter text in input fields in Popups
Hi, Using the new popups containing a text field it seems like there is an issue on iOS. The keyboard opens when I select the input field and I can type in 1 character (sometimes 2). Then the keyboard closes. I can reselect the field and type in another character before it closes again. Rinse and repeat. This is tested in the iOS simulator. -Scott
jQM 1.2.0a1, Two links to the same page, with different data-transition will always stick to the first used.
Playing with a very simple demo page, I stumbled on an odd behaviour, one that I didn't see in 1.1.1. Normally you wouldn't have two links going to the same page, with different transitions. At least no the slide and pop I'm testing, however the case seems to be that which ever of the links you use first, is the transition that are permanently assigned to the page it links to, other links with different transitions will ignore their own, and use that of the first link. The attached example is pretty
PhoneGap (iOS Simulator) - Unable to display/load images [?]
I am currently using jQuery Mobile (PhoneGap) - HTML5 + CSS5 + JavaScript and then I convert it into Xcode that supports jQuery Mobile (PhoneGap) before deploying it to iTunes store but I notice some of the images [?] does not appear on iOS Simulator yet I tested web app and it works (100% - all the images can load/display) but slow loading due to server unlike iOS Simulator because it runs pretty normal. I notice small icons work but not the big icons like size width - 740, height - 430. I think
jqm 1.2.0 alpha 1, changepage fired on select
Switching from 1.1 to 1.2.0 alpha 1 I got a regression : the select (with data-native-menu='false') triggers an unexpected "pagechange" event. My workaround is not complex, just avoiding to do something when 'from' and 'o' pages are identical in a pagechange handler, but finding the cause of this regression was tricky. I join the simple page for reproducing the issue.
issue with collapsible content event jqm:1.1.1
Hello, First of all, i want to apologize for my mistakes in english (i'm french...). In the previous version of jqm : 1.1.0, i could associate an event on img in a collapsible content block but i'm unable to do the same thing in the last stable version. But i think that it's easier to understand with a simple code : test.html <htlm> <head> <title>Demo</title> <meta name="viewport" content="width=device-width, initial-scale=1"/> <link rel="stylesheet" href="jquery.mobile-1.1.0/jquery.mobile-1.1.0.css"/>
interdire l'actualisation d'une page lors de la fermeture d'une boite de dialogue
Bonjour, j'ai crée une page dans laquelle j'appelle un boite de dialogue me permettant le partage des actualités sur facebook, twitter..etc, quand l'utilisateur clique sur partager j'affiche cette boite de dialogue avec un arrière plan transparent qui empêche l'interaction avec la page en dessous. mon problème est que quand je ferme cette boite de dialogue la page qui est en dessous se rafraichit !!! Pourriez vous me dire comment interdire le rafraichissement de cette dernière? Merci pour votre
Unable to produce dynamic list
Hello, I'm trying generate listview programmatically which i'm unable to do, Here is the code.. $.ajax({ type: "GET", url: 'updateService.php?time=lifetime', success: function(resp){ $('#li-nav').empty() var movie='Prasad'; $('#li-nav').append('<li>' + '<a href="">' + '<h3>' + movie + '</h3>' + '</a>' + '</li>'); }, error: function(e){ alert('Error: ' + e); }, complete:
Development tool for Jquery mobile
Hello everybody, I would like to develop some apps with jquery mobile and I need a development tool to develop my apps. They are any tools to develop jquery web apps. Many Thanks
Proposal: $.mobile.pageTransitionFilter
One common issue I've been hitting again and again is how to work with jQM's default click handling when you want to interface directly with a rest api. jQM's default page handling framework (where it expects jQM style HTML from the server) is great for lots of projects -- making it easy to bootstrap, but it becomes a burden for other things like Phonegap style apps where we have limits around how we deploy (i.e., localizing all html pages vs. accessing them remotely). In Phonegap's case, you will
Unable to call click Event When Not A Single Page
I have a question, I was hoping someone can answer for me and help me understand. I've been working with JQuery and JQuery mobile for about a week now and through some testing I noticed that when I build my JQuery click event it doesn't work unless my mobile pages are sharing the same html file. I've also noticed that if my index.html file has the JQuery references then I don't have to include them in my second html page; it seems to work just fine. However, when I test this behavior in a desktop
Dual slider (range slider) on jQuery-mobile?
I am in desperate need of a dual slider on a mobile device that responds to touch events. jQuery-mobile has the following single slider: http://jquerymobile.com/demos/1.0a2/#docs/forms/forms-slider.html However, I need a "range slider", with behaviour like this: http://jqueryui.com/demos/slider/#range My Javascript-fu is extremely limited but would it be possible to extend the jQuery-mobile single slider to a dual slider? Or is that something I would just have to wait and see if they make one available?
Next Page