Difference btw android and iOS
I make a jquery website. I try it in iOS, it works fine. However, in Andriod, some device default browser work and some cannot. Also, it does not work on Opera of Andriod (iOS Opera is ok) (It can't switch page when press navbar) May anyone can help me. website : http://keithhui.dyndns.org/wedding/ Please help me... thanks all.
Change event not being added to Element
Hi guys, I have a JQuery Mobile page that's loaded using the AJAX transitions. I have included my JS at the bottom of the page and I know it is running when the page is shown. Inside the JS I am attaching a change event to a JQM slider element. But the event does not fire when it should. Also if I copy the event handler code straight out of the JS file and paste it into the chrome console the event starts working properly. I don't know what I am missing. Can anyone point me in the right direction?
Panel always open
I'm using simple panel in my jquery mobile page. I'm placing it before the header div, and I have a link to it in my list down in the content div, "#mypanel", and in the code I call panel close but it is still always open, anyone has similar problem ? here is my code http://tny.cz/b2bf3f65
Problem with jQuery mobile and android 4.2
I am having alot of CSS related problem using jQuery mobile on android devices running 4.2. Sometimes the buttons and background loads and sometime it doesn't. Background colors disappearing etc. The project is to big for me to show and i can't really say that I have a special source of the problem. I guess that I just want to know if there are problems with the combination android 4.2 and jQm? I noticed that 4.2 wasn't on the list over tested OS's.. edit: I am using phonegap/cordova, but that doesn't
App-wide left panel ?
I'm noticing that the <div data-role="panel"> goes inside the <div data-role="page"> tag Does that mean if I want the panel available wherever the user is that I have to copy/clone the panel on each and every "page"?
How to test for jQueryMobile 1.3?
How to I check the version of jQuery Mobile? I have a plugin that needs to test for changes in jQM 1.3.
Using Jquery (html5) input with asp.net textbox
Hi, I have create an apsx page using jquery and it works great except I would like to use the <input search> tag instead of the asp:textbox. The <input> looks better than the plain textbox...however I can code behind the textbox on the textchanged property which uses the value typed in the box to update an asp:gridview by using a webservice to retrive the data from SQL server and bind it to the gridview...so my questions are how do I... 1.) change the appearance of the aps:textbox to match that
How can I select a jQuery Mobile enhanced button via CSS for styling?
Hello, I'm using jQuery Mobile 1.3.0 RC1 (haven't upgraded to final yet). When I create a button using the button tag, jQuery Mobile wraps the actual button tag in a div that uses a bunch of classes like ui-btn, etc. That's all well and good, but since the actual button I created is wrapped, how can I use CSS to hide the button? The button tag has an ID, but I can't reference that ID in CSS because it's the wrapping div that needs to actually be hidden. How can I do that? I tried adding a CSS
Logout icon for the JQuery Mobile project
I downloaded and modified the 4 image sprites that hold the icons for the JQuery Mobile project to include a logout icon, attached to this post. To use them the way the other icons are used you need to add these to your css. Note: there are 4 files but it would only let me upload three - see the first comment below for the 18-black file. (The black files are the same as the white ones with their colors inverted. To make the 18 pixel version of the file, you cannot just shrink the whole 36 pixel file,
there is something wrong in click event
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Multi-page template</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> </head> <body> <textarea cols="40" rows="8" name="textarea" id="textarea_talk"></textarea>
How to achieve ActionSheet？
Hello, How to achieve this effect? Thanks
Updating/Migrating from version 1.2 to 1.3
Hello, I am having difficulties during the update. When I update the library only I've faced the freeze problem on pageshow events afterwards I've converted them from ".live" to ".on" on event catch phrases and eleminate the problem but now I am facing a problem when loading the google maps api. Basically, it doesn't load. So do you guys have any idea? Why it was working without any problem on 1.2 and not working on 1.3?
Dynamically change data role using javascript
Hi, I need to change the data role of a div to either popup or nothing, say the following markup, I want pnlDealers to behave like a popup on some occasions but just as regular div on others. How do I do that? Thanks <div id="pnlDealers" style="display:none"></div>
page showing from cache , blinking and back to page
i have some page in my app, suppose i logout(click) from my app then successfully go the logout_page , suddenly last page i visited appearing and go back to the logout_page again . I done data-cache="never" in page , but app getting hang . 1) i checked event but . only one event is firing . 2) i realised that the page showing again is a dummy one from memory . 3) how can i solve this issue , i am using the below code to logout $("#drLoginButton_ac").unbind(); $("#drLoginButton_ac").bind('click',function(event,
What if the panel size/height is longer than the page itself on v1.3?
Hello, It is really great improvement on jQuery to have a panel view. I really like it and appreciate that but I have a concern. It seems like panel is also a part of the page and they act together when you scroll down which force you to scroll the page when you scroll the panel. I've faced a problem because of this issue. The problem was; I've put a map view on page and panel has some options but as you may guess when I try to scroll between the options in panel map view disappears also. Isn't it
Unnecessary scrolling of page on iOS
Hi, I am Using cordova-2.1.0 ,jqueryMobile-1.3.0 for iOS app.Some of the pages in my app has very small content still that pages scrolls.I am testing it on iOS6.How to stop scrolling of the pages having small content.I dont want to use the preventDefault.
datebox issue with jqueryMobile-1.3.0
Hi, I am using jqm-datebox.core.min.js,jqm-datebox.mode.calbox.min.js,jqm-datebox.min.css to select the date.If I use the jqueryMobile-1.2.0 then it will work fine but if i changed to jqueryMobile-1.3.0 then just datebox popup will appear and after selecting date popup will not get closed.I am testing it on ios6 with phonegap framework
Is there a strategy which allows putting javascript at the bottom of page for performace?
If you place your scrips inside the closing </body> tag at the bottom of the page for performance reasons the scripts are included in every page loaded via AJAX. Is there a strategy to allow scripts to be loaded at the bottom of the page without having this occur?
jQuery Mobile and TalkBack
I develop a small web mobile test app with jQuery Mobile and TalkBack, Android screen reader, doesn't read the button. The button icons on the left and right don't show up. But, it works and displays fine in iOS and works with VoiceOver. Anybody have any ideas why? The app is at http://app.lidanllc.com. Remember it is just a test app. thx
Listview and Local Storage
Hi, I have an app that I am working on but hit a brick wall. The app using Listview as it's menu and am trying to program a "favourites" list view into the app. Is there any way I can add a favourites folder to the list view and how would I go about retrieving the info? Thanks
How do I get the scrollTop() of a page I am currently inside?
Inside a touchmove event I'm trying to figure out how far I have scrolled inside a page, but if I call $(element).scrollTop, on literally anything on the page I get 0 returned. I've tried $(element).scrollTop on: window document "html" "body" "#feed" (the id of my page) "#feed > div" (the content div of my page) All of these return scrollTop of 0. I'm stumped. Would anyone know the reason why it always returns 0, and how I can determine how far I have scrolled on a page? Thanks!
php problem with jquery mobile???
Hello, I make a form in jquery mobile ?? I can construct the form, but I can never get it to work with php, is there something missing that i need? this is the html part; ......<div data-role="page" id="ajouter-menu" align="center"> <div data-role="header"> </div> <div data-role="content"> <div data-role="controlgroup" data-type="horizontal"> <a href="reservation.html" data-role="button">Reservation</a> <a href="menu.php" data-role="button" class="ui-btn-active">Menu</a> <a href="categorie.html"
Why aren't my scripts loading in jquery mobile?
hello, on this link: http://www.quartopianodesign.it/lab/jm1.3/ I posted an example of a simple model jquerymobile with a fade in images using the Cycle plugin. When I click on the second page of the fade is not running. I would like to solve the problem keeping to the transitions without using the rel = "external". I saw that many people have this kind of problem, anyone know how to solve it? thanks first page: <!DOCTYPE html> <html> <head> <title>Page Title</title> <meta name="viewport"
Using Eclipse, MDS AppLaud and jQuery Mobile doesn't build, gives error 9
Hi I am using the following versions: Eclipse SDK Version: 4.2.0 PhoneGap/Cordova 1.4.1 jQuery Mobile 1.1.0 And I cannot build or compile my generate project as it gives the following error message: The default case is already defined jquery.mobile-1.1.0.min.js /[name]/assets/www/jquery.mobile line 45 JavaScript Problem and the automatic build throws an error 9 Can anyone help and explain what's happening here please?
JQueryMobile open phone gallery and select an image
is possible to open the native gallery of a phone (iOs, Android,Windows Phone etc...)and select an image with jQueryMobile? and if how? Tnks for the response
Any way to disable the location-bar URL updating?
I'm using JQuery Mobile for a project and starting in 1.3 I noticed a bug with our browser app that when the URL changes, it reloads the page. Which, obviously, breaks things. Right now, it loads the page with the hash URL, like if I'm currently on /User/index, and I click a link to /User/view/1, it'll show as: /User/index#/User/view/1 and then a second later it'll update it to /User/view/1 in the location bar. Which is fantastic. However, I'd like to disable that second part, since it's causing
No page load in Internet Explorer (ie 9, 8 and 7)
I have a site that is working lovely on every platform and browser except for internet explorer. All I get is a loading giff and nothing else... Help please! This is my first buuild with the jquery mobile framework. damnationalley.vincentstephens.co.uk
jQuery or Ajax Error Post it
I have an example for posting window.error. I would like to post .ajaxerror like the example below to my logger page/script. I am not sure how to do it. WINDOW ERROR: window.onerror = function (message, url, linenumber) { if (window.XMLHttpRequest) { var xhr = new XMLHttpRequest(); var scripturl = "Logger"; var log = "?message=" + " LINE NUMBER: " + linenumber + " MESSAGE: " + message + " LOCATION:
Ajax error message - need to get more information
There is an AJAX error on my page. Below is the code and error message. I need to extract more information about the error. How would I do that? CODE: $(document).ajaxError( function (event, jqXHR, ajaxSettings, thrownError) { alert('[event:' + event + '], [jqXHR:' + jqXHR + '], [ajaxSettings:' + ajaxSettings + '], [thrownError:' + thrownError + '])'); ERROR MESSAGE: [event:[object Object]], [jqXHR:[object Object]], [ajaxSettings:[object Object]], [thrownError:Internal Server Error])
flickering issue on Footer data-position="fixed'
I'm developing a mobile app with listview indexes and articles of various lengths using fixed headers and footers. I'm experiencing a flickering issue on pages when i set eh footer to fixed position: disappears and blinks when i pass from page to page ...i'm using listviews <ul> <li> if i remove the "fixed position" the issue doesn't appear. I'm testing it on Android 4.0.3 and i'm using jquery 1.2 I tried in css .ui-listview, .ui-li { list-style:none; padding:0; -webkit-transform: translateZ(0);
Jquery mobile hash navigation removes javascript wordpress plugins
Hi everyone Im currently having an issue with my mobile theme using jquery mobile and wordpress as my CMS. Every page loads fine until i need a page to load javascript from a plugin. The hash navigation leaves/ excludes javascript from my wordpress plugins. Example 1: I have mappress plugin which is a google maps plugin for wordpress. I add maps to 2 of my posts. When i render the listview all the posts link to their sinlge page as expected, but the 2 posts with the maps wont load because of hash
Persistent content while browsing.
I have a page where I load a video into a popup. If I close the popup it continues to play, and if I leave the page it continues to play. This will only happen if I enter this page directly or refresh from this page. I know how to stop the video when the popup closes, or delete the html in the popup so that's not the issue. I am intrigued as to how I might have a constant audio or video player playing as a user browses the site. I notice that the initial div with data-role="page" stays in the
problem with pageinit
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>a</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script> $(document).bind('mobileinit',function(){ $('#a').live('pageinit',function(){ alert($('#a-header').height()); }); });
Navbar full width in a Panel and load Problem?
Hi, i have tried the new Panel but i have 2 problems with the Navbar and one with the Panel itself. if you can see in the picture the nav Buttons are not at the top of the Panel and they have not the full width, so how can i do this ? then i have sometimes a Problem with the Panel. If i open the site above with an iPad and then i klick on the Video Page Button, it loads with jquery ajax a site with a html5 video tag. But sometimes if the video site is loaded the Panel page is white, you can see it
loading data
Hi If anybody could give me some advice I would be extremely grateful. I am in the process of creating a recruitment app and I am having some problems accessing a data file from this URL http://www.vetsonline.com/annonces/rss.php?idp=18&id_rss=80&site=14&page=accueil&c_texte=&c_secteur=&c_type_transac=&c_type It seems to be a php file. Can i access this data from jquery and what is the best method to achieve this. Before I do any thing I would like to console.log the data so I can read it but im
jquery mobile fix footers not really fixed
So I have a webpage I made using jquery mobile with some graphics that are about 700x650 pixels in size. Its target is for iPad so I know that at that size, they should fit fine on the screen without having the scroll or anything. Now the footers have a data-position="fixed" but I've noticed that they show a little bit of the page background when they are first loaded but when you tap the screen, they then sit at the bottom of the page, as a fixed footer should. Any ideas on why this is happening?
jsonp - cross domail issue in jQueryMobile
Hi, I was working on jQueryMobile sample app in Visual Studio. I need to populate a jQueryMobile ListView, and the data is getting from a remote server, using a web service. But my ListView is not populating. I am sure the issue is of cross domain, but I am using jsonp to get the data. But the issue is still there. Please help me. Here is my code. <!DOCTYPE html> <html> <head> <style type="text/css"> li span { font-weight: normal; } </style> <title>Sample App using jQuery Mobile</title> <meta name="viewport"
Using jquery mobile components in zurb foundation
I have planned to use Zurb's foundation css to do responsive design. But I also want some JQuery Mobile components. Has anyone successfully combined JQuery Mobile Components into a Foundation site? Any help would be truly appriciated. Thanks in advance!!!
Cascading Menu with touch-hold-drag-release
The menu would operate like so... touch and hold (expand hovered item's sub-menu) keep hold (keep menu open) drag (highlight items under finger and secondary expand of new sub-menus) release (close if off a link or go to specific link if finger is over it). I was curious if there were any pre-built components for this type of interface. Thanks
Problem with listview
Hey there, is it possible to make a listview in jQuery Mobile without the icon on the right and centered text. I removed the icon with data-icon="false" but there's still some space on the right of the listview so you can't center the text. hope you cant help !
Next Page