Persistent toolbar transition issue
Hello, I'm using persistent toolbars, which seems to work except for a visual issue during transition. Which you can see in the fiddle below. I have tested it in Chrome and IE, in both this seems to occur. My fiddle Is this a bug or am I missing something?
Inconsistent swipe on android webview
For quite some time I have been unable to get the swipe to work on android webview. It would sometimes work and sometimes not. I decided to look into the jquery.mobile source to see what was going on. The main issue was a lot of the time when starting a swipe the line Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.scrollSupressionThreshold would fail early, causing scrolling to occur. Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) would often be very low numbers of 3
controlgroup('refresh') not working
hello i am having problems using both enhanceWithin() and controgroup('refresh'). i posted a question last month about a similar thing(link ) and i was help but when i try to apply what i understood it just doesnt work. Now my problem is i want all the possible answers in the quiz to look like this link2 now this was how i did it with just one question but now i want to do multiple questions.
JQuery Mobile Release Time line
Is there a release date set for Version 1.5 according to the timeline here? --> http://jquerymobile.com/roadmap/ Is there a possibility that JQuery Mobile is simply dropped? You have bootstrap becoming more mobile and more responsive and I'm wondering if the popularity jumps there and leaves JQuery Mobile. JQM is much easier way of looking at things for me as Bootstrap throws everything in but the kitchen sink, and that's an option. Anybody have input or knowledge?
Jquery Mobile Application shrinks its screen on Android virtual keypad
My jQuery Mobile Application shrinks/resize its screen when Android virtual keypad opens up. This Application is wrapped as native using Cordova. I tried by adding the following in config.xml <preference name="fullscreen" value="false" /> <preference name="fullscreen" value="false" /> <preference name="android-windowSoftInputMode" value="stateVisible" /> But nothing seems to work. I don't want to change anything in my AndroidManifest.xml since it is going yo be a complete configuration Application.
Event in doc.onpropertychange
This is part of the JQM source, around line 1880: // Whenever `document.title` changes, update the Iframe's title to // prettify the back/next history menu entries. Since IE sometimes // errors with "Unspecified error" the very first time this is set // (yes, very useful) wrap this with a try/catch block. doc.onpropertychange = function(){ try { if ( event.propertyName === 'title' ) { iframe.document.title
Framework7 and the native-like
Hi people, I just watched the functionning of Framework7 and their fabulous different system in sections "Killer Features". Ok I grant you, it's easier for them, they only work on one platform. However, the swipe back really think for a native-like feelings and the pull to refresh too. JQM to something like, I think, to the dynamic navbar. But when you swipe it does not give the same effect of parallax. And again, it's really beautiful, and ergonomic. I managed to set up the pull to refresh in effective
Selectmenu: custom separator in multiselect
The separator displaying the selected options in a multiselect selectmenu is a comma. This looks strange when options are sentenses with capitals. Example: http://jsfiddle.net/t2oh50e0/ Is it possible to change the separator from comma (,) to semicolon (;)? Now I have to modify the JQM source, but I prefer not to. Thanks!
Js file not getting loaded in html page But works fine when doing refresh in the server side
Hi, I am developing an app using jquery mobile am new to this jquery mobile. i am facing one issue that is i am about to use the js file which is there in the assets folder i have also given script tag into my html whenever i tyr to see the html page in the browser js file is getting loaded properly for the very first and everthing working fine locally .Once i place my files in server the above mentioned flow not working properly .probably i am not getting the js file in the source folder when i
Un responsive script error with jquery mobile
Hi, I'm getting Un responsive script error while binding data for jquery mobile list dynamically. any ideas? Regards, Phani
Help!!!! Need jquerymobile help!
Help Im using jquery mobile but its not working! I connected the stylesheets and the javascript files but it doesnt work! Im developing with cordova and eclipse. i put the code in an editor and nothing was wrong with it! Here is my code: <!DOCTYPE html> <html> <head> <title>Simple Calculator</title> <link rel="stylesheet" href="jquery/css/jquery.mobile-1.4.2.min.css" type="text/css"/> <script src="jquery/jquery.mobile-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>
navbar - three columns per row for more than 5 navbar items
This is just a suggestion, and is more of an aesthetic one than functional, i just feel that when there are more than 5 nav items in a navbar, the buttons should wrap into three columns per row instead of the current two. I think it looks better and uses less vertical space. will be happy to provide an update if this is agreed upon.
Jquery-Mobile-Updatepanel Problem
I have 4 splitted divisions(ex.Default.aspx#home,Default.aspx#grid,Default.aspx#order,Default.aspx#search) in j-mobile in which asp-button clicks, it redirects to the First division(i.eDefault.aspx#home).But it want to stay in same division itself...One more thing,Am using Ajax Updatepanel in that Corresponding Div...Any Suggestions ...Thanking you in advance...
Safari crash using Jquery Mobile 1.1.0 checkbox in iOS7
Hi, We are facing an issue with the Jquery checkbox in Safari Browser and iOS7 where by, when we click on any Check Box, it crashes and there are no logs printed as well. The jQuery version used was v1.1.0. We tried upgrading to v 1.4, but the look & feel changes and issue still persists. The code is working fine in iOS6 and iOS5 with Safari Browser, but not with iOS7. Is there any alternate or do any one have a solution for this problem? Please help to resolve this issue. Environment: jQuery Mobile
JQM 1.4.1: using 'default' as property name causes syntax error on some platforms
I have found a potential problem in the new code of release 1.4.1 At line 3195, inside $.fn.animationComplete function, the righ side expression contains an identifier named 'default'. In the same function, al line 3222, the same property is defined but the assignment fails. I think it happens since 'default' is a reserved keyword of the javascript language, and in some old browsers it may cause a conflict or syntax errore, making an unrecoverable crash of JQM. I found a very very simple solution:
JQM 1.4.1 crashes in IE 8 and old android platform
UPDATE: Found a solution but it envolves JQM 1.4.1 development (see my next post). Hi, I tried version 1.4.1 but I have found a problem in old IE 8 browser and also on a Samsung Galaxy fit. Version 1.4.0 works fine on both the platforms. Besides, for both versions I used Jquery 1.10.2 With version 1.4.1 IE debugger says: row 3195: expected identifier. and this error crashes all JQM initialization so all the pages are not rendered. The following is the involved code inside animationComplete() function:
CSS ui-content padding is set to 15px on dialog-box appear in jquerymobile.css 1.3.2
Hi, i am developing a phonegap application with using jquery 1.9 and jquerymobile 1.3.2 for android. everything working fine in browsers. i have an issue in UI design. Issue: i have a select tag with options. when i check in android device options will appear in dialog-box and works fine. but,I don't believe it is necessary to pad the page content area container by an arbitrary/magic value - it makes more sense for it to be zero.Due to this 15px value, the UI widgets changes the appearence. i want
Possibility of a native app that loads the URL
We are doing an Web-based application using jquerymobile, to run on mobile devices. The URL of the application will be say for example. http://ourwebsite.com/start.php We would like to create a native-app that just opens the above URL in browser and we need the native-app to be approved in appstore. is that possible?
Use bsmSelect with jQuery Mobile 1.4
The handling for multiple select's by default in jQuery Mobile 1.4 is not ideal. The following is a way of using bsmSelect, which is a user friendly way of interacting with multiple select's. The following is a working example:http://jsfiddle.net/WahKu/
having unstable layout in App using phonegap & jquery mobile after returning from webview in iphone
Hi Can some one help me out to fix my issue. I am using jquery mobile with cordova to build ios App. When i trigger an external link from my App and return back to App having unstable layout. Can someone tell why the issue is. Thanks in advance.
Custom select menu not working with download builder
I only checked the custom select menu and downloaded it. The custom build is very helpful since it doesnt conflict with my other css/js but the desktop version doesnt work like the demo. Though the mobile select script works. The problem is the custom javascript because i tried the full jquery mobile js and it works.
In jquery mobile footer Class="ui-bar" not working,button are not arranged to the left?
<div data-role="page" id="tool" data-theme="e" > <div data-role="header" data-position="fixed"> <span class="ui-title"></span> <a href="#" data-role="button" data-rel="back" data-back-btn-text="previous" class="ui-btn-right" data-icon="back">Back</a> <a href="#home" data-role="button" class="ui-btn-left" data-icon="home">Home</a> </div> <div data-role="content"> Here goes to content </div> <div data-role="footer"
About the "Developing jQuery Mobile" forum
Welcome! The "Developing jQuery Mobile" forum is here for discussions about the development of jQuery Mobile. If you want to discuss using jQuery Mobile to develop your own website, webapp, or native application, you should post on the 'jQuery Mobile" forum. It's the appropriate place for that discussion, and your post will get greater exposure. https://forum.jquery.com/jquery-mobile If you want to report a bug or suggest a feature to the jQuery Mobile team, neither of these forums is the place to
Add feature to CheckBoxRadio Widget - DE-selection.
Hello! I'm currently working on an app that uses the checkboxradio widget; however, the requirement for being able to retract a selection cannot be currently fulfilled. Are there any plans to implement a de-selection feature where a user may "clear" the selected radio button without refreshing the control? If there are no plans to implement, would a pull request to implement this change be likely accepted? Thanks in advance!
Reopen issue
What is the correct way to request a jQuery Mobile Github issue to be reopened? I want to request a reopening of this issue: https://github.com/jquery/jquery-mobile/issues/6494 Github gives me a 404 when I click on the username "Ghost", the guy who opened the issue. Have also tried to contact the guy who is assigned to the case, but no answer.
Which jQuery Mobile Page Event?
Hello :) I've different pages. At the page #set, the variable ID will be stored in the localStorage. If I open the page #show, my function get the variable ID from the localStorage and based on this ID, it will show some information based on the localStorage ID. The problem is following: I go to the #set page and set the variable ID to 33 and store it in localStorage Then I go to the #show page and all works fine. BUT If I go after that to the #set page, set the variable ID to 66, go to the #show
JQuery Mobile 1.4 - SilentScroll not working at all on IOS standalone web app
If you create a sample page similar to the silent scroll demo, but add the meta tag for web app capable. Then load it up in safari and do a "Add to Homepage", launch it from the homepage so that it launches as a standalone sandboxed web app. You can see that both of these buttons stop working. Basically, calling slientscroll does nothing when in standalone mode. This is annoying because there is no decent way to go back to your position in a listview when you return to a page, even if you store
Android Kit Kat issue with jQuery Mobile
I am having trouble viewing my jQuery mobile app on an Google phone using Android 4.4 Kit Kat. We are developing a prototype so we have elected for now to use a single aspx page to display the multiple mobile pages. However, when we view the mobile app using the Android Kit Kat, all the pages are being displayed all at once. If we view the mobile app on an iPhone, the app work fine. We have also separated the mobile page into separate aspx pages and now we are not getting the theme that is applied
Jquery mobile 1.4 navigate to dynamically created page
Hi guys does anyone has idea how to navigate to dynamically created page in jquery mobile 1.4? e.g. in 1.3.0 version I did it like this ajaxCall(param1).always(function (data) { //$.mobile.hidePageLoadingMsg(); if (data.d != null) { var newPage = $(data.d); //append it to the page container newPage.appendTo($.mobile.pageContainer); //go to it $.mobile.changePage(newPage );
Jquery problem with loading pages
Hello, I am fairly new to jquery and have been trying to build a basic website with a few pages, i got one page to link fine and then i copied and pasted the code to use for the next page and the new pages wont load. Anyone got a idea what the problem could be? <li><a href="#genre" data-transition='flow'>Genres</a></li> <!--Genre page--> <div data-role="page" id="#genre" data-theme="a"> <div data-role="header" data-position="inline"> <a href="#main" data-icon="home">Home</a> <h1>Genre</h1> <a href="index.html"
Panel responsive close panel(data-dismissable) not working?
http://demos.jquerymobile.com/1.4.0/panel-responsive/ As I have tried to close it by clicking outside the panel onto the page contents and it same to be not working. How can I make it closable? Any idea? Thank you
Question about the design choices in "Grouping and dividing content"
This is a more "why did you do it that way" question versus "how do you do it." I was looking over the examples here (http://demos.jquerymobile.com/1.4.0/body-bar-classes/) and I was curious why "Heading attached to section - custom rounded corners" was built to require custom css? Is there any reason why this can't be supported in the default CSS? Since *anything* is possible with custom css, why is this included in the first place?
Problem with transitions
I'm making android app using jquery mobile 1.4.0RC1 and phonegap 2.9 - here is link: https://build.phonegap.com/apps/669706/share Problem is with transitions. Page is blinking before change. I used jquery mobile 1.3 before and it was ok, though I changes some app code. Is it problem with my javascript? or with new jquery mobile? Here is my javascript code (part that involves transitions): $(document).one("pageshow", ".index", function() { //console.log("show index"); if (!localStorage.atrakcje) {
Animated collapsible set
I'm trying to figure how to animate the standard collapsible set. I know how it works with standard jQuery but I want to make use of the one provided by the jquerymobile framework. Any suggestions ?
Listview with external domain
I am developing a webapp mobile application. I am using jQuery mobile 1.9 + phonegap 2.4. When I generate a page of HTML with listview, and the page is local, I can click in a listview item and I see back button, because I have defined data-add-back-btn="true" on all pages But when I use the same page in an external link (domain not local) , when I click in item listview, I cannot see the back button and I can not go back. Is this a bug in jQuery? How I can resolve this?
Panel caused page background image disappear
Hi - I'm not sure if this is a bug on 1.3-beta.1 on iOS UIWebView html page. I'm using the following simple page: .ui-page { background: url(myimage.jpg) no-repeat; background-size: 1024px 800px}; The page: <div data-role="page"> <div data-role="header"> sample app </div> <div data-role="content"> hello </div> </div> It works fine with proper background image. However, once I added a panel definition: <div data-role="page"> <div
I created an app using jquery mobile and dreamweaver....Im having problems with it loading (takes to long)
Good Afternoon everyone. I have created an android app that consists of the study material for a boat mechanic. i went to school to be a marine tech and I decided to take the content of the class and design an app. As the app size grew so has the problem with loading this app on devices. There is a tun of content and I was wondering if there is a way to break up the content so that It does not take forever to load. See the long load time makes the app quit and I get an error message. my app is on
Safari and clear cache
Hi to all, I'm developing a web app with jquerymobile 1.3.1. When I test my app in Safari iPhone, the first time (or when I clear the cache), jquery doesn't able to load jquerymobile. If i put the jquerymobile reference as: <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script> It works fine. But if I use the offline version: <script type="text/javascript" src="js/jquery.mobile-1.3.1.min.js"></script> The first time doesn't work. After refresh the page all works fine.
Popups - re-position in iOS6
Popups - re-position in iOS6 in jquery mobile.when i focus in text field it will reposition so how i will solved it.the problem only occur in ios 6.1.
Jquery Mobile enlarge images posted through PHP
Hello, I need help please. I am developing an application using Jquery Mobile and PHP. I am retrieving data from a MySQL database. I was able to pull the data including images. I need the user to be able to click on any image and the image is enlarged. I used PHP to loop through the rows and create popup divisions for the images to popup. This is working perfectly on a laptop but on a mobile device, it is very slow and the popup images created are very large and much wider than the normal mobile
Next Page