Android Back Key doesn't work after accessing page with data-ajax=false link
i'm trying to build an app using phonegap and JQM.. i add exit dialog in my app which if the back key in the main page pressed the exit dialog will shown. my code running well, but after accessing page with data-ajax=false link, the back key cannot work. anyone can help me to solve this problem ?, please thanks before.
How to add jQuery in Magento ?
You are developing an e-commerce site using the Magento platform. You need to incorporate Flow player in to the site and for that purpose you want to use jQuery. You will find the way to to add jQuery in Magento in this review: http://www.magesolution.com/blog/how-to-add-jquery-in-magento/ I also recommend the way to combine of Magento and JQuery at Here
popup buttons open in hover state
I am using jquery mobile 1.4 and having a problem with the popup widget. When the user selects the popup button the popup opens correctly, there are three buttons in the content, but the call store button in the content opens in hover state. I am using the api to open the button $('#locationpopup').popup('open'); has anybody else been experiencing this problem or know how to resolve this? <div data-role="popup" id="locationpopup" data-theme="a" data-overlay-theme="b" class="ui-corner-all" data-dismissible="false"
Page transition and back button
Hello Using jQueryMobile 1.4.0, I am building an app which has "horizontal" and "vertical" page navigation. By horizontal i mean kind of like tabbing between pages within same record, and vertical is like moving to a next record. For "horizontal", I am using one type of transition and no history management, "vertical" requires different transition and support for back button. I.e. when users enter record A, navigate two pages "sideways", then enter child record B, move two pages sideways, then press
jQuery Mobile 1.4, theme
I have been using 1.3.2 and like the theme. Now 1.4 does not have gradient and it just does not look as good. does anyone have the same feeling? ftc
jQuery swipe or scroll functions
I have an app project we are working on. Having trouble with one area. Inside a div that is approximately 320px width and 100px height I have a group on icons that I ant to scroll right to left when they are swiped. The icon area is wider than the div so as swiped, hidden icons appear. Below are images of the layout. Full width of icons: Icons in div: Any help will be appreciated. Thank you.
Photo order print module
I have a customer who wants to build an app to order prints, canvas and albums from uploaded photos. Is there any guidelines out there that i have missed?
Double Selection when Hiding/Showing Textboxes
I have three textboxes, each with content underneath them, in a structure like so: <div>checkbox 1, id="Text"<label>label text</label</div> <div>Text related content</div> <div>checkbox 2, id="Phone"<label>label text</label</div> <div>Phone related content</div> <div>checkbox 3, id="Email"<label>label text</label</div> <div>Email related content</div> On page initialization, the content divs are hidden, using css display:none. When any checkbox is checked, the other two checkboxes disappear,
Checkboxes to open divs while excluding others
Later edit: The main problem was solved by changing the .attr ("checked", "") to .sttr ("checked", false). Actually, as the script evolved, those lines were unnecessary altogether, so I removed them. I also cleaned up the js below which was overcomplicated as a result of trying different approaches. However, if anyone has any suggestions on doing the below code more intelligently, please express them. Solving this brought another problem to light, which I have moved to another question, titled "Double
jquery mobile demo page causes BlackBerry 7.1 simulator browser to crash
I try to view http://jquerymobile.com/demos/1.2.0/ page from BlackBerry 7.1 simulator browser; the page makes BlackBerry simulator browser crash. By the way, I can open Google web page and http://jquerymobile.com/ web page from same 7.1 BlackBerry simulator. I tried the same page on both 7.1 JDE 9900 simulator (version 7.1.0.137) and simulator 7.1.0.437 browser, both browsers will crash while opening http://jquerymobile.com/demos/1.2.0/, or refresh the page. There must be some problems within the
Switch between tabs in tabs widget
I setup a page with the tabs widget.I update a tab via ajax call.How can I switch to that tab after that?
Upgrading Jquery breaks everything
So I created a mobile app with dreamweaver CS5.5, which used the jquerymobile 1.0a3rc and jquery 1.5. The app has a lot of javascript functions, buttons, etc, and works fine. Any attempt to update it (jquerymobile 1.0/jquery 1.64 or any newer version) results in none of the functions/buttons working, but also NO LINKS work period (even the list item <ahref="#">. Any idea what could be causing this? I've tried a variety of things, like removing the javascript buttons from the page, and then the regular
Page transitions poor in Chrome
I have just started work on a new site using JQuery Mobile (latest version, downloaded a few days ago) . I have set the default page transition to "pop". The transitions always work fine in Firefox 26.0 and IE 10, but in Chrome 32.0.1700.72 m they are poor around 50% of the time. I have tried adding .ui-page { -webkit-backface-visibility: hidden; } as suggested at http://demos.jquerymobile.com/1.3.0-beta.1/docs/pages/page-transitions.html. It seems to improve things slightly (difficult to be sure
Rounded page corners
Hi everyone! How can I round the corners of a JQM page, like the facebook app does in it's top corners on android? Thanks in advance.
Page Transition Flickering
There are a lot of flickerings & flashing when it comes to page transition in my Samsung S3 Android 4.1.2 device. I use Phonegap 3.1.0, JQuery 1.10.2 and JQuery Mobile 1.3.2 This issue seems to trouble a lot of developers for more than 3 years now. Is there a solid solution for this? Is there a JQuery mobile version that handles page transitions with greatness? Or a workaround for this? (and I don't mean setting the pageTransition to 'none') Up to now I've tried: 1) <meta name="viewport" content="user-scalable=no,
Low, glitchy transtions between pages
Hey Champions, Am using JQM 1.4.0 and i noticed something weird. if my page have a lot of elements i mean form HTML elements like text inputs .. drowpdown ..etc. The page transition becomes so slow even the in response there is some lateness. For example: PAGE A has a button to PAGE B where PAGE B has the form elements etc .. When clicks on the Button in the PAGE A it taks time to go to page B and its not SMOOTH. I have a PAGE C which have 3 or 4 lines of text the transitions is fast and smooth.
Column Toggle table in jquery mobile not working in IE 10.
Hi, I am working on my project which used Jquery mobile-1.3.2. In this I used jquery column-toggle table but in IE 10 it is not working.if I open column selection drop down and unselect any column the browser locks up and you cannot select any other browser or tabs and I need to close browser from task manager please provide solution. Thanks in advance.
jquery page in chrome version 31.0.1650.63 m product link give an error but when i open in mozilla firefox no error will occure please guide me
<div data-role="page" id="homepage"> <div data-role="header">Welcome</div> <div data-role="content"> <p>Welcome to your first mobile web site. It's going to be the best site you've ever seen. Once we get some content. And a business plan. But the hard part is done! </p> <p> Find out about our wonderful <a href="products.html" data-transition="pop" data-direction="reverse">products</a> </p> <p> You can also <a href="#aboutpage">learn
Camera, Contacts, and Augmented Reality
Hi All, The BridgeIt project lets web applications running in Safari or Chrome use device features such as camera, contact list, push notifications, augmented reality, and more: https://github.com/bridgeit/ This is related to PhoneGap, but in some ways the opposite: BridgeIt is a helper utility that runs alongside the browser -- you can use any device features without a custom App install and most importantly without App Store approval. (The generic BridgeIt App must be installed, of course, and
You can't scroll, but you can hide?
hello friends, Im sure this has been asked a tons of times, but after reading article after article online I now know less than before. Im trying to build a single-page mobile website. at best, the page should be fixed and static inside the browser window, no (rubberband!) scrolling, no scaling/zooming. i found a way to achieve this, by using a <meta>-Tag to disable user-scaling. and using jquery to prevent default event on touchmove. I first though i had won the battle, but then i realized that
JQM 1.4.0: dynamically set disabled="disabled" to option in selectmenu
This attribute disables an option in a selectmenu: disabled="disabled" How to set or unset this option in a JQM not-data-native menu dynamically? This is my fiddle: http://jsfiddle.net/rCFzP/3/ I tried: $("#idSel option[value='c']").prop('disabled', true); This only works when the selectmenu has data-native-menu="true", not when false. What it does, is adding this property: disabled="" Please help! I tried the whole morning to solve this..
JQuery Mobile blocks Javascript
Hallo, I tried the following scenario: A button should have the value "Not Clicked". When i click on it, it should show "Clicked". Now my problem: everything works fine when i quote jquery mobile out. When i turn jquery mobile on, the button value doesn't change. My code: <html> <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css"> <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>
[solved] Buggy style inside panel
Dear all, I'm new to jQuery mobile and maybe I didn't look right, but I use the 1.4 version (and tried with jquery 1.10 and 2.0.3 with the same issue) and here is my problem: I have left and right panels (defined outside the page, and initialized at the end of the html this way $(document).ready(function() { $('#panel-nav').panel().enhanceWithin(); $('#panel-config').panel().enhanceWithin(); }); I have some collapsible-set in each panel but their content has no style. Does anyone know this
Is it possible to set a title/placeholder to the native select menu?
I would like to use native select menu, but I also need to set title to it, which describes what it is for? Something like this -
image in footer
Hello, can i make this footer in jqm?, because if i put <a href="blabla"><img src="blala"></a> I lose the aesthetic, and the buttons are not square, but rounded, and are not buttons together. And I need them together
Behavior of the DIV for dismissing a panel changed from 1.3 to 1.4 ?
Hi, It seems that the DIV used for dismissing a panel is now on the bottom of the DOM. Before it was just after the panel. It breaks a big thing in my app. Because the DIV is at the bottom, it's on the top of everything (z-index ?). In my panel, I have a button that open a popup. Before, I can open the popup from the panel, close the popup with a button in it and then dismiss the panel. Now, I can open the popup, and when I click, it directly dismiss the panel. and the popup is closed after a second
Pass data from HTML page to another HTML page in Jquery Mobile
Hi, I want to pass some data from HTML page to another HTML page in Jquery Mobile. I've a login.html with username/password form, this send to server the data for validate and then if the the validation is confirmed it create a token. I want to pass the token to index.html. How can i do this? Thanks.
jQuery mobile multiple theme dependecies
Below is mentioned in jQuery Mobile Docs If no theme swatch letter is set at all, the framework uses the "a" swatch (black in the default theme) for headers and footers and the "c" swatch (light gray in the default theme) for the page content to maximize contrast between the both. All items in containers inherit the swatch from their parent. Exceptions to this rule are the listdivider in listviews, the header of nested list pages, and the button of split button lists. Those default to "b" (blue in
collapsible set within listview (eliminate spacing)
Hello, I'm using jquery mobile 1.4.0, I have collapsible set contained within a list view (namely a LI element). This collapsible set has 2 collapsible elements and the problem is there is some space between these for some reason or another. Have a look at this: jsfiddle example I had a look in js inspector, when I take this exact collapsible set outside the list view, each collapsible element has a height of 44.375px and the height of the set is simply this X 2 which makes sense ... you can see
I have a problem with href=tel:
Hello, I´m new here, and i have my first problem with jqm. I have this code: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Probando</title> <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" /> <link href="jquery.mobile-1.4.0.min.css" rel="stylesheet" type="text/css"/> <style type="text/css"> </style> <script src="jquery-1.10.2.min.js" type="text/javascript"></script> <script src="jquery.mobile-1.4.0.min.js" type="text/javascript"></script> <script
Autocomplete not working
Hi, When you start typing in a textbox, you see autocomplete suggestions. If you choose the suggestion, you expect the text box to et filled with the suggestion. The autocomplete plugin with Remote Source for jquerymobile does not let you choose a suggestion in the first place. Other similar plugins do do fill the INPUT box with the chosen selection. Hope this will be rectified. Thanks, Yash
back button not appearing
My back button is not appearing for some reason. I had it working before but after using themeroller to create my own theme for some reason it has made the back button invisible or something not sure? Any help would be appreciated. <head> <title>My Page</title> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <link rel="stylesheet" href="themes/4089797style.min.css" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile.structure-1.4.0.min.css"
Mobile page changes with require and backbone
I am trying to create a jqm 1.4 application with require and backbone. I have run into issues with change pages, especially the use of a back button. What is the current recommended way of dealing with changing or going back on pages in this environment? I noticed some older posts referencing jquerymobile-router plugin. Is that still a requirement with jqm 1.4 and if so is there a working example?
making the background of the jqm dialog box transparent?
http://creative.coventry.ac.uk/~4089797/Games/V2.0/test.html Heres my site so far Im trying to make the menu dialog popup but still allow the previous page to be seen in the background around the dialog box but have no idea where to start. Ive looked at documentation but havent been able to make sense of which bits i need?
Using Jquery Mobile JS in asp .net
Hi Friends, I'm new to Jquery Mobile, I have a website and it is almost done, now my client is asking to make the website mobile compatible. Now i'm already using Jquery core features in my site. So now to use this Jquery mobile features too what needs to do..? Please any one help me...
CSS overrides not working after upgrade to JQM 1.4
I just upgraded my project to JQM 1.4 and noticed that certain css overrides that previously worked in 1.3.2 no longer work as before. Specifically, I am overriding the background color and text color of buttons (<button> & <a>). This does not work if I use the css class but oddly enough works if I use the override on the specific element. This jsfiddle shows the problem. When I use the buttonYellow, buttonBlue, etc classes, nothing happens, but if I set the same values on a specific element (e.g. #button2)
how to have the like and unlike when clicked and show the clicked image when went back and returned again to that page.
<body> <script type="text/javascript"> $(document).ready(function() { $("#like1" ).click(function() { $("#like1").attr("src","images/like_on.png"); $("#unlike1").attr("src","images/unlike_off.png"); }); $("#unlike1").click(function() { $("#like1").attr("src","images/like_off.png"); $("#unlike1").attr("src","images/unlike_on.png"); }); $("#like2" ).click(function() {
Progress Bar using jquery mobile
Hello Everyone, I want to add a progress bar using jq Mobile. I wanted to ask is can I use a jquery UI progressbar ? Is it compatible with it? If no then which would be the best to use?
JQM App Help & Advice.
Hi, can you tell me what happens during the following process. A user is using my App (that has an HTML5 Database) then opens another App thus placing mine in the background. When reverting back to mine will all the info still be in place? e.g, the page they left it on, data etc.. Also what would happen if they chose to delete the HTML5 Database during this process? Is there a function I could call when the App is re-opened where I could check that it is still in place? Thanks in advance, Lammie.
Button style inside collapsible
A button added programmatically inside a collapsible (which is, in turn, part of a collapsible set) doesn't style the way other buttons do. I've tried defining the button all 3 ways (as an html input type='button' tag, as an html button tag, and as an a tag). The same html code moved OUTSIDE the collapsible set looks the way I expect buttons to look. Inside the collapsible set, they retain the default underlined blue hyperlink for the text. (Please note that after I add the buttons programmatically,
Next Page