iOS urlbar shows then hides when clicking internal link
Technically this shouldnt happen, it doesnt happen sometimes on the official demos, then sometimes, it does? Whats going on and how do i set it so it doesnt show then hide again, especially when im just clicking internal links or anchors !? i've set the main page to autoscroll initially, so it hides the URL BAR , then when going to an internal link the URL BAR pops down, shows its loading, then hides. I've set appropriate min-height on both pages. iphone 4/safari
thumbnail list > give link to thumb
When i use the thumbnail list as on http://jquerymobile.com/demos/1.0a4/docs/lists/lists-thumbnails.html, i cannot give a link to the thumbnail as this changes the layout of the list. I'd like to give the thumb a link, and the remainder of the list element a different link. Has anyone done this?
Turn on Jquery after page is loaded
Hi I have an existing web page and want to press a button and display a jquery mobile list field? ie the web page i have is quite complex and i try wrapping it in jquery mobile..but no luck.. can i some how just use the list field without have to wrap the whole page in jquery.. or turn on jquery after it is loaded... the page is too big to port to jquery i just want to use some of jqueries nicer menus..when required..
Alpha 4 ui-btn-active
The ui-btn-active css class should be part of the theme framework. The momentary blink which occurs on button release can standout very noticeably
checkboxradio("refresh") not refreshing
Hi, Im kinda reposting this.. this is a complete code of a page in which a checkbox refresh function does not work ill be glad for any assitance, this is a very important feature in our project <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="MainMenu" %> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Page Title</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.css" /> <script src="http://code.jquery.com/jquery-1.5.min.js"></script>
Thumbnailer tries (and fails) to do something with list-dividers
The mechanism that hunts down img's inside of li's tries to work on dividers, but that fails because the has-li-thumb class only pushes "normal" li content over to the right, out of the way of the thumbnail. On another note, even for normal li's, the thumbnail "hunter" is still crazy overzealous. The documentation used to have a nice simple explanation for when an img would become a thumb. It had to be the first image in the li. This is easy to understand, and let's me write this: <li>Something<img
Icons in listview are not clickable in a4
With the new way of handling clicks in listviews, the icons do not register clicks. The rest of the line is clickable (if you make sure your <a> wraps all the entry's content), but the icon itself is not.
Title tag text disappearing in Alpha 4
In switching from alpha 3 to 4 today, I noticed that when testing in Firefox (3.6.16), the title for my mobile site isn't showing up in the Firefox tab anymore. Confirming that the title has disappeared, I tried saving the page to my home screen on my iPod Touch (the most recent release with retina display). When saving to the homescreen, iOS uses that title tag as the name for the app icon. Just like in Firefox, that field was now blank. In alpha 3, both the Firefox tab and the app icon title work
A4 hashListeningEnabled=false breaks back button?
I would like to use the new feature in A4: hashListeningEnabled (boolean, default: true): However, changing it to false causes the back button to stop working, this includes the browser's back button to stop working as well! (in IOS 4+). Is this expected behavior?
JS lib reference needs tweak in documentation
On this page: http://jquerymobile.com/demos/1.0a4/#docs/pages/docs-pages.html The js references need to change from : http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a3.min.js to this: http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.js Thanks, Chris
Alpha 4 Sub Page error
I just upgraded one of my apps from Alpha 3 to Alpha 4. I have one page that is a list page with a series of links. Each link goes to a subpage. In Alpha 3 clicking on one of the links from page xyz correctly goes to xyz#subpage. In Alpha 4 this seems to be taking me to xyzsubpage#subpage. That is, it is inserting the name of the subpage before the hash AND after the hash. This causes the app to break. Is this peculiar to my app or are others seeing this as well?
Change transition when redirecting pages from the server-side.
Hi, I have rails app using the jquery mobile framework. In one of my pages, I have a form and a submit button, which sends the data to an action on the server-side. The server, then, inserts the new entry into the database and redirects to a page that lists all entries. The redirection is accomplished by using the default slide transition. I've tried to send the data through ajax and, at first, it solved my problem, since the redirection was done on the client side and I was able to set the pop
Scaling?
I am new to jquery and jquery mobile so please don't beat on me to much for not knowing this. I downloaded a template from MiamiCoder and tying to get it to work on my iPhone. It looks good on my mac, but when I view it on the iPhone is scales down so small I cant read anything. Is there a easy way to make it fit to the screen size?
Alpha 4 Dialog no longer working on Android??
Hi, is anyone else finding this: on an Android phone, upon switching to Alpha 4, the contents of a Dialog flicker up momentarily, then disappear. Reverting back to Alpha 3 and the dialog contents appear as expected. Will see if I can test this is also an issue on an iPhone on Monday. thanks Matt
alert box popping up when button or link is pressed using 1.0beta-pre testing on iPhone
Hiya, Every link I click on within my app, be it a button, other forms of links, I get this delay then an alert box stating http://127.0.0.1 false <ok> I get the message in the iPhone emulator and on device. The app behaves fine in all other respects. When I switch back to 1.0a3, I don't get this issue. Its being caused by the mobileinit method. Here is my implementation. When I comment this code out, I get the loadingMessage (which I think I might be able to live with anyway but...) and I do not
JQM (jQueryMobile) Access to URL history? Ability to move to any location in the history hash
I have a issue with being able to link back to the home page from a AJAX response from a Multi-page layout form submission The structure `index.php` has multi-page agreement (`index.php#agreement`) `#agreemen`t has a form that is using the default AJAX call for submission to (`agreement.php`) From agreement.php I can go back to the last page (`#agreement`) which is expected but now I wanted to go back to the `index.php` page. I can easily put `href="index.php"` but then the session looses it values.
Core Mobile Files Throws W3C Validation Errors jQuery
Hi folks, The following basic page, with little more than the jQuery mobile link and scripts, throws the following W3C validation errors. I've addressed each of them with what I see as the justification; do you agree? Page code: <?php header("cache-control: private"); header("content-Type: application/xhtml+xml; charset=utf-8"); ?> <!DOCTYPE html> <html> <head> <title>Page Title</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.css"
Alpha 4 drops fullscreenmode after loading subpage
Just upgraded to Alpha 4 and it seems to work nice but now I notise that the browser locationbar shows up when I click/tap a link on my iPhone I see the same effect on http://jquerymobile.com/demos/1.0a4/ Is this something that is made intentionally?
Back button bug on iPhone?
I have an external page on which I show a fullscreen image + a constant footer where I've placed a back button [to accommodate the iPhone's inability to offer a 'back to previous page' function when displaying fullscreen pages which hide the phone's lower nav bar - you can achieve this once the website has been added to the phone's home screen bookmarks]. However, a curious bug now occurs; on Android phones, when I click back to the previous page [from the external page] all works fine but on the
How to avoid enhance a particular element
Is it possible to mention not to enhance that particular element (e.g : a button) Thanks in advance. S.Premchandar
Really need some help using checkboxradio
Hi i really need some here, im struggling for our with something i suppose is really simple i have a fieldset in which i have a checkbox list. im listening to the tap event on the label of the checkbox. but nothing really happens when im trying to refresh it here is the HTML <form id="frmMenuSelect"> <div data-role="fieldcontain" class="ui-field-contain ui-body ui-br"> <fieldset data-role="controlgroup" ....> <div class="ui-controlgroup-controls">
clear text on all inputs
why not put the clear text function on all possible input fields and textareas?
Alpha 4 questions so far
Hi, great to see another release. a few questions so far: data-nobackbtn="false" doesn't have any affect, the close button still appears, I'm currently working around this by removing the <a ref. This is more an idle curiosity, why are there two tick icons in the icons-18-white.png other than that, upgrade seamless so far regards Matt
Force Ajax load external page
Hi is it possible to ajaxload an external page with jQueryMobile from another domain actually I would like to load it from my PhoneGap mobile app /jesper
Can't zoom
I am using jQuery Mobile to build a mobile website for my company. I have built and tested it. I have come across a problem where the zoom feature does not work in any of my mobile devices. Is there a way to fix this or is zooming not possible in jQuery Mobile?
alpah4 listview problem refresh speed very slow
jquerymobile a4 listview refresh is very slow a3 is very fast *** test *** dynamic data insert - 150 count var $list = $("#listMain"); for(var i=0; i<150; i++) { $list.append($("<li>" + i.toString() + "</li>")); } $list.listview("refresh"); <ul data-role="listview" id="listMain"></ul> a3 -> iphone 3gs - 1sec / desktop - 0.1sec a4 -> iphone 3gs - 20sec~ / desktop - 4sec
selectmenu('refresh') when removing items
selectmenu('refresh') when removing items: observed issue in UI In my code I am using jQuery to clear a menu in-place and re-render it. Effectively I run: $('#selectmenu').html(''); $('#selectmenu').append('<li>Item</li>'); $('#selectmenu').selectmenu('refresh'); However, in the UI, upon clicking the menu, the lightbox style list of options still shows old options (Chrome 10.0.648.204 as test browser) even though they are not clickable. Fortunately, only the new options are clickable. FYI to dev
"ajaxLinksEnabled: false" no longer working for listview links in alpha 4?
I use this code to prevent the ajax page transitions and ensure new data is loaded each time a page is visited: $(document).bind("mobileinit", function(){ $.extend( $.mobile , { ajaxFormsEnabled: false, ajaxLinksEnabled: false }); }); This was working fine in alpha 3, but in alpha 4, it no longer works on my links that are within a list view (it still works everywhere else). Could this be due to the change made for how links work in the listview? I did have to refactor the code there for
calling $.mobile.changePage inside the success function of a $.post() isnt changing the page correctly
edit2: I sort of fixed it by having index.php immediately redirect to main.php Then $.mobile.changePage("main.php") redirects fine, and all the links are working now, but the url is main.php#main.php ... there has to be a better way? edit: I thought maybe this had something to do with the location hash, so I tried just calling $.mobile.changePage("index"), $.mobile.changePage("#index"), and $.mobile.changePage($("#index")) to go back to the initial index page, which has a data-url of "index", but
Appending to <body> doesn't work on Mobile
EDIT: See reply. So here's what I'm trying to do - my Rails app is set up so that the root is a view that displays all events on the current day. Currently, my view has the following structure: body data-role=page data-role=header #day_header data-role=header #main.nextDay data-role=content And the day_header and everything within #main change depending on the day. So given this, I've set up the following javascript: (function() { $(document).ready(function() { var anotherDay,
probleme with valencia theme
hi, I use the valencia theme as my default theme: <link rel="stylesheet" href="css/jquery.mobile-1.0a3.min.css" /> <link rel="stylesheet" href="css/valencia.css"/> but, I have a problem only with mobile device (android, iphone...): The site is not fixed horizontaly (1 or 2 pixels). without the valencia.css,There is no problem. Regards, Manu
JQM (jQueryMobile) toggle() function performs differently if passing false first
Here is an example: http://jsfiddle.net/FzZwt/8/ If I pass false first the transition is smooth and slides. If I pass true first the transition is instant <div data-role="page"> <div data-role="fieldcontain"> <fieldset data-role="controlgroup" data-type="horizontal"> <div>Boolean Test 1 - Passing TRUE first</div> <input type="radio" name="boolean" id="true" value="true" /> <label for="true">Yes</label> <input type="radio" name="boolean" id="false" value="false" checked="checked"/>
How to manipulate history? How to handle destructive or state-changing POST requests?
A practical problem when building a web app with jquery-mobile. I login through POST and then do redirect (to "/") after the user is logged in. But I get a back button, and a location bar that says "/#/util/login" in, the back button takes me to the login page. I don't want a back button, and I want to reset the cache of pages. What would be the best way (canonical jquery-mobile) to achieve this? Should I include a little inline javascript on the page that is shown when logged in that manipulate
theme background does not fill page
when I create a page that onlt has a line or two, on my iPhone and iPad, the background color only fills the top 50-70%. How can I make it complete the entire available background. thanks.
Appending a List - No Styling - Can Anyone Help.
Hi, I am trying to create my first Web App but have stumbled onto the following problem. I want to append a list via an AJAX call but when I append the list no styling is applied to it. <div id="resultLog"></div> <ul data-role="listview" id="sample" data-inset="true" data-theme="a"> <li id="history"><a href="history.html">History</a></li> </ul> </div> And below is the AJAX call. <script> $(function() { $("#callAjax").click(function() {
always focus on page title?
hi there, is it a way to use always focus on pagetilte? or what is the fist element that i can use as focus? in my case i load pages with ajax, and if i jump a lot of times from one to onother page, the focus is on the last button i use, but i want the always the focus on page title or alway focus on first focusable element.. what can i do? cheers j.
Am I able to access all of jQuery functionality while I use jQuery Mobile?
I'm using jQuery Mobile on a site and I'm having trouble getting jQuery Core methods to work. Any page that initializes jQuery Mobile will not invoke my script. Here's the order I'm loading them: <script src="js/jquery.min.js"></script> <script src="js/ess-mobile.js"></script> <script src="js/jquery.mobile-1.0a3.js"></script> Does anyone else have this problem? Am I able to access all of jQuery functionality while I use jQuery Mobile?
How to execute javascript code when finger is lifted from a slider.
I'm trying to get a code to execute when a user lifts his finger from the slider. is there a sample code or documentation that can help me do this? I found instructions on how to do this on the following link, but it did not work: http://stackoverflow.com/questions/4583083/jquerymobile-how-to-work-with-slider-events Any help is appreciated Roy
How to set screen resolution for application?
Hi, My application is for iphone it is a grails application i am using jquery mob my prob is the screen's and width and height is large how can i change it to iphone screen resolution.please help. Thanks & Regards, Nithya
Roll-your-own data-role component
I want to create my own custom, reusable UI-component and figure the best way would be to create my own data-role, like <div data-role="myComponent">Something</div>. Is this supported? Can I create that and just add the necessary CSS and JavaScripts?
Next Page