Hiding input in jquerymobile 1.3.1
Hi, Upon upgrading to jquerymobile 1.3.1 from 1.2.1, input cannot be hidden properly. <div id='divNameInput' data-role="fieldcontain"> <label for="name">Name:</label> <input id="name" ></input> <label id="nameLabel"></label> </div> Calling the following causes problem with formatting. The name control is not hidden!!! Works in 1.2.1 previously!!! $('#name').hide(); $('#nameLabel').show(); However, changing the input to textarea works. But, I wanna
nav (tab) bar problem in jqm
did anybody notice this ? my tab bar in the down comes to middle of screen if keyboard appears for a textbox or the drop down appears to select a item in the list . is this a known bug ? how to get around this ? pls see the screen shot <div data-role=page id=mypage> <form> <div data-role=header style="text-transform: none;"> <a href="#loginpage" data-role="button" data-icon="arrow-l">Logout</a> <h1>Ask</h1> </div>
How to disable jQuery Mobile's scroll to top?
jQuery mobile always sets the window position to 0 and hides the address bar (testing on iOS). Haven't been able to successfully disable this. Anyone addressed this problem? Haven't seen anything in 1.3.1 either to be able to override this. A nice to have in the config options would be to set this to false.
Slider height
Hi, I have no idea why the slider control I have in my mobile site does not fit with the rest of the controls. I have tried everything to get it to match the same size as the other controls. Changed the theme, placed it in a control group, tried to apply a style height to it, and nothing works. The height of the slider does not change. How do I get the slider height to change to match the other controls in my site?
Changing attributes values
I am using: jquery 2.0.0 jquery mobile 1.3.1 I am attempting to change attribute values with a button for instance: <button id="click" disabled="true">Click</button> Using jquery: $('#click').attr('disabled', 'false') $('#click').prop('disabled', 'false') I have attempted the above with no success. It seems that this sort of thing was not an issue with earlier versions of JQM (as I have done research on this issue this evening). Any help would be appreciated. Thanks
create app for facebook
how can I create an application with jquery mobile to interact with a page of facebook?
pagebeforeshow event not fired after call to changepage
Hi there, I'm just starting out in jQM development and have hit a bit of a brick wall. In short, I have a javascript file and two pages. In the main page (index.html) I'm populating a listview dynamically, and registering the tap event for each and every item for this listview. The on tap event, in return, calls the changepage method to an external page (details.html). This works fine 100% of the time. In the javascript file, I'm registering for events on pagebeforeshow for the details.html page.
Popup on page load in JQM
Dear Gurus! I'm opening a popup on page load. Below is an example. (Thank you Bagman!) Unfortunately, when I return to the page, the popup reappears. How can I achieve that only appear the first time? Thak you and sorry for my English. <div data-role="page"> <div data-role="header"> <h1>Page Title</h1> </div> <div data-role="content"> Page Content <div data-role="popup" id="myPopup" data-history="false"> <p>This is a completely
Navigation/Anchor Problem
Hello! We have moved to new webserver. Now we have problems with anchor/navigation: Before: After: What can i do? Thanks, Juergen
changing the Icon of split button
I have this Listview with split button . and iwant to change the picture or the image of the icon into my pictures star :
Split line in Split Icon Listview
Hey guys, how to elimiate the split line in listview with split button? and how to make icon bigger? Thanks
mothods for exchange data between pages
hello! I retrieve a XML document, from a Rest service, and with it, populate data in a page, this populate process it´s in a java script file, well, i need to acess this XMLDocument in other pages, have a way to define the XML disponible for consult of all pages? or maybe, for any page, access a methods in this java script file? thanks!
jqueryMobile dialog closes as soon as it is opened on page load in Safari only
So my jqueryMobile dialog is closes as soon as it is opened on page load in Safari only. I have a click event attached to a link that opens it. Works just fine on all other browsers, just not Safari. Also not I have a cookie set so it only opens once. Here is a link to check it out. jqueryMobile Dialog Issue Any help will be greatly appreciated. <a id='dialog' href="dialog.html" data-rel="dialog" >Dialog</a> <script> function openDialog() { setTimeout(function () { $.mobile.changePage('dialog.html');
Submit on popup
Hello all. I think I have found a problem with the new jquery mobile build. it seems that when trying to submit a form from a popup it works every other time. It even seems to be this way when using the demo site. http://view.jquerymobile.com/1.3.1/demos/widgets/popup/#Form
content from a wp page, to HTML on different host/domain
Hi, Do you know about phonegap? It's a service that makes from HTML5, CSS3, and JS files a mobile app for: Android, iOS, BlackBerry, Windows Mobile, and more. How does it work? You archive your HTML, CSS and JS files, and upload it to phonegap, and within seconds, they generate the app. The app is actually a WWW folder, that the app loads, on specific platform (android, iOS, etc). I've bought a html + CSS + JS (JQuerry mobile) template. It's working perfectly, but I want to load on services.html,
first page hidden in DOM causes duplicate page id on self submission
Hello, I have a form page which is submitting to itself. By the way, the website is not ajax based, but still I would like to keep JQM ajax enabled. So, on this form page there is an HTML element (#address-email) that I generate with a custom javascript : $(document).on('pageshow', '#page-contact', function(){ $('#address-email').html('<a href="mailto:xxxxxx">xxxxxxx</a>'); $('#address-email').trigger('create'); }); Everything works fine, except that when I submit the form and get back to
Rounded corner problem in jquery mobile
In Android, rounded corner in jQuery mobile is not smooth. Any fix for this other then using image solution because i have so many rounded corner in my app so not possible to use image on each place so please help me. In ios is smooth but not in android.
Using data parameter of _.template to pass an array of values
Hi, Am new to backbone.js and was trying to pass an array to the view via the data parameter of the template. I did the following: Template: <% _.each(names, function(name){ %> <li> <%= name %> </li> <% }); %> View: var MyView = Backbone.View.extend({ template:_.template($('#NamesListPage').html(), names : ['a', 'b', 'c']), render:function (data) { $(this.el).html(this.template); } }); This code works perfectly fine and a list with item values a, b and c come up in the screen. However I
sending data to google form
i've a simple form in "jquery mobile" i want that the submit button will send the data into a google form with the same fields wich will send the data into the end of a google spreadsheet thank you
Jagged edges on Li in jquery mobile
In my app, on Xhdpi resolution , edges of li are jagged or cutting on Android. Please help me
I'm trying to use a custum lib jquery mobile.
I'm trying to use a custum lib jquery mobile. Core namespace Transition Core Pop Transition I just want to use the transition effect POP. includes all file in Html document plus it did not work. How can I use custom lib? Much obliged.
pageinit event not fired with 1.3.1
I try to upgrade from jqurey mobile 1.2.0 to latest 1.3.1. I replace the live method by on to create pageinit event, but the event is never fired. I modifed the index.html provided with the download to add pagebeforelord and pageinit events and it's the same problem. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery Mobile: Theme Download</title> <link rel="stylesheet" href="themes/elagamobile.min.css"
JQM 1.3.1 long list performace ! there are solutions?
Hi , i try to use new framework JQM 1.3.1 to create an app that, i hope, I will distribute on the app store. Unfortunatly i have serius problems with a list of items from my server. Practicaly i would to create in the home page a list of posts from my blog. Oviusly, initialy, i show only 10 title, then, the user can tap on last button and add other posts from the blog. To try the list i have create a simple script on my server that generate 500 item to show in the app: <?php for($i=0; $i <= 500;
Changed Data-Icon Background but can't get/do not know how to get the right-icon to go with it.
Hi, I have managed to change the shape of the data-icon background using the following code but I on a list view regardless of what data-icon I add I only get the '+' sign. Also is there a way I can add the code to a specific theme only? Here is the CSS: .ui-icon { background: #f20 /*{global-icon-color}*/; /* background: rgba(255,255,255,1) /*{global-icon-disc}*/; background-image: url(images/icons-18-white.png) /*{global-icon-set}*/; background-repeat: no-repeat; -moz-border-radius:
iframe - Header and footer doesnt stick
Hi, The mobile site developed on 1.2.0 when i open it in Iframe,the header and footers doesnt stick to top and bottom. but they stick when I open it in Other browsers (whihc are not iframe) Anything I need to Do Cheers, Vinay
iframe - white page between two pages transition
Hi Team, I have a mobile site.when i try to open this in a iframe, I see that between two different HTML pages, i see a white page and then the second page comes up. example whne i click a href from Page A -->Page B ,before page B loads i seea blank White screen the Page B loads. but when i try to open the same in normal browsers , I dont see a white page in between page transitions and work fine. Can you please help. Cheers, Vinay
Panels Feature request for JQM 1.4
Panels are a fantastic addition to JQM 1.3.x. I think it would be even better if we could have panel markup in a separate html file, instead of every single page where we want the panel. I have doubled the size of my JQM web app because of all the duplicate panel code in my app.
Uncaught TypeError: Cannot read property 'jQuery16408036760615650564' of undefined
Can someone please assist me to fix this issue i been scratching my head for like the whole day trying to get this solved. It was working last night now its just giving me this error and not returning data. <!-- START OF GAME PAGE --> <div id="gameListPage" data-role="page" > <div data-role="header" data-position="fixed"> <h1>Directory</h1> </div> <div data-role="content"> <ul id="gameList" data-role="listview" data-filter="true"></ul>
header text removed after coming back from page with navbar
This is probably a bug, but I'm a newbie so it could also be that I'm not using the library in a correct manner. I'm developing an html5 mobile app using jQuery Mobile v1.3. In this app there's a login page. In the header section, I've placed a regular text-only header with no buttons: <div data-role="header"> <h1 id="login_header">Default text</h1> </div> The header has a default text that I'm resetting to a different one in the "pageinit" and "pageshow" event callbacks for i18n purposes: $(document).on("pageshow",
jQuery Mobile $(window).bind for different pages.
I would like to have two or more pages that display differently when the orientation of the device changes. At first I tried using $("#mapPage").bind('orientationchange', oriChange); That didn't fire an event and so I wound up using this: $(window).bind("pageshow orientationchange resize", function(){ if ($("#mapPage").is(".ui-page-active")) { oriChange(); } }); $(window).bind("pageshow orientationchange", function(){ if ($("#profilePage").is(".ui-page-active")) { $("#chart").html("");
please transition in mobile with php,
Very good, In the desktop version of Chrome, simulating user agent firefox 14 android mobile, so good transitions between pages, but then the phone does not go any transition, why? I say also that I'm using php within data-role = "content" when I call a php page, I require (content / abaut.php); can help that logic does this code html <div data-role="page"> <div class="header-decoration"></div> <div class="content"> <div data-role="header"> <div class="header container"> <div class="call"> <a data-enhance="false"
dynamic radio buttons as navigation not working until page refresh
Hello I have a bunch of radio buttons, in a popup, that use the below to show and hide related divs, thus allowing them to be used as a form of navigation. $(":radio[name='radio']").on("change", function () { var test = $(this).val(); $(".radio").hide(); $("#" + test).show(); });This works find when I load the page, the code in contained within the $('#gameIndex').on('pageshow', function (event, ui) { However I also want to be able to dynanically add new radio buttons
Listview: Is there a problem with IE10 on windows 7
once the page is loaded on windows 7 in IE 10, the listview has the following behavior: - the list dots are still there - the list is extended (separated) and that happens on all lists whether normal listview or in a tollbar. if you hoover over the items things get into place, or if you move to another page, it becomes OK. any advice?
Dynamic Content
Hello all, I am really new to using jquery mobile and am simply figuring things our from the demos and copying bits of code from there and making small changes. however I am building my jauery mobile pages with php based on different circumstances. I am finding that some times the page doesn't have the correct content until I hit refresh. Can anyone help me figure out how to force the page to refresh the content every time the page loads? thank you all for the help.
Ajax call from phonegap to login in Yii fails
I'm doing my first phonegap app and I run into login problem. I have an appLogin action in the site controller and I know it reaches the controller's action and logs in - anyway the credentials get validated and login is successful. But the ajax call in app fails to get response. If I comment out the login part and just echo something the ajax call is succesful and receives the response. I know I'm probably missing something basic regarding authentication. What is it? BusinessBox.prototype.serLogin
How to override jquery mobile CSS
Hi, i am using jquery mobile and also have my own css file. once i am applying the jquery css it is taking over some of my own css configurations like background color. i have tried using !important, load my css after jquery css but nothing helps. can anyone assist?
work with a XML retrive or rest service.
Hello all, I consume a rest service, and retrieve a XML from it, this XML contains a list of things, my question is, how i can transform this XML information and generate a list in a jQueryMobile format? in other words, i need to parse a XML data in a jQuery components.
Text too much to the top under header.
Hello! I have a problem. Let me show you this picture: Both are scrolled up to the top. As you can see one the left side some of the text in under the header, and not completely visible. The left picture is at the first load. When I go to another page and then back to home it's OK (see the right). This app/site can be found at: http://www.cassy-web.nl/app/vanengelen Thanks!
Apple store reject my app (based jquery mobile)
Firs time i developed my app.it was only contain webview and it just call website to webview.They rejected my app.Then i looked for advice som developer said "you should IOS features" So i used objective c..i used IOS features.Such as check network connection,splash,i replaced static form with IOS form...in my app i used all thing with native expect google map....for google map i used jquery mobile but they rejected again...there are some screenshoot from my iphone app and it is performance
jquery mobile link not working android
hi, i developed a small web mobile site...in default page there are links... in iphone when i click links it works but in android (below 2.3 version) it does not work... in this links http://e.yazilimsozluk.com/ when i click this ( Patatesli Kek Tarifi) it works with iphone and android but not works with android which version under2.3 version what should i do i tried <a rel="external" href="Home/TMGetir/7" </a> i tried wtihout external such as this <a href="Home/TMGetir/7" </a> but it does
Next Page