Error in "inline buttons" documentation
There is an error in the "inline buttons" documentation http://jquerymobile.com/demos/1.0a4.1/docs/buttons/buttons-inline.html Displayed code <div data-inline="true"> <a href="index.html" data-role="button">Cancel</a> <a href="index.html" data-role="button" data-theme="b"Save</a> </div> Actual working code, used in the page <a href="index.html" data-role="button" data-inline="true">Cancel</a> <a href="index.html" data-role="button" data-theme="b" data-inline="true">Save</a>
click event not firing on listview item - Alpha 4 Safari iPhone
My click observers for anchor elements in a listview fire erratically - sometimes they fire sometimes they don't - after upgrading to Alpha 4 on Safari iPhone Here's a snippet of my use case: ... $('.foobar').live('click', function(e){ alert('click fired on list view item'); }); ... ... <ul data-role="listview"> <li> <a href="#" class="foobar">Word!</a> </li> <li> <a href="#" class="foobar">Word!</a> </li> </u> ...
Changing the icon to a button on a list.
Hi, another day another problem! I have a list with names on, but instead of an arrow I want to replace it with a small button with the words change on. i.e, -------------------------------------------------------------------------- A.N.Other Change -------------------------------------------------------------------------- J.Bloggs Change --------------------------------------------------------------------------
[SOLVED] Loading problem on ONE link only
I have a page with several links but one is buggy, loading icon is showing forever, and I can't figure out why... And when refreshing the page then it works ! I was trying to add several attributes (data-rel and so on) but none solves the problem. Here is the link : <a class="link3" href="/reservation_request/?home=50" title="Reserve now"><span>RESERVE NOW</span></a> Same problem after upgrading to alpha 4 or deleting the search part (?home=50) ! Any ideas ? Many thanks ! David [SOLVED] On the
SLOW adding lots of <li> to a listview
I'm trying to load several hundred items to a list and it's taking minutes to display on the android. Here's a snippet of code that show's what I'm doing. What can I do to speed things up? thanks in advance. for(var j in contact.phoneNumbers) { var number = contact.phoneNumbers[j]; if (number.type == "mobile") { list += '<li data-role="fieldcontain">'; list += '<input type="checkbox" name="checkbox-1" class="custom" value="'
Standard jQuery ajax POST call in jquery mobile driven page
Hi, first of all excuse me for my rusty english :) i've got a problem regarding an ajax form submission via $.ajax POST (and $.post as well). at submission time all form data are collected in a string and passed to the ajax function. $.ajax({ type: 'POST', url: url, data: dataString, success: function(){ alert('it works'); }, error: function(){ alert('error'); } });the call fails and all that i have in the firebug console is this error: OPTIONS contacts.php 501 Not Implemented
Ability to track states in the url with &foo=bar
Maybe it would be useful to provide a way for developers to track application internal states in the url. If I have an application that renders dynamically and *client side* a lot of content, for instance in a page with the id #dynamicDetail, I know what kind of content I have to output in that page by binding some click events to the buttons that link to that page. Once the transition takes place, the url looks like: foo.bar/#dynamicDetail The url doesn't carry the information to effectively render
Mobile slider mouseup problem
I would like to use the mobile slider and do something with the value when the user ended the slide movement. I can get it working with the "change" function but then it gives me all the values during the movement of the slider. I need to do something with the value only once. Does anyone have an idea? <!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript" src="jquery-1.5.2.min.js"></script> <link rel="stylesheet" href="jquery.mobile-1.0a4.css" /> <script
data-iconpos="right" for checkboxes?
Hi guys, im new to jqm is there a possibility to set the icon position for checkboxes to right?
alpha 4, radio button click event not being triggered
Currently with the release of alpha 4 my previously bound radio button click events are no longer firing. Example html is - [code] <div data-role="fieldcontain"> <fieldset data-role="controlgroup" data-type="horizontal" data-drinkid="someid"> <legend>Rate This Drink Recipe:</legend> <input type="radio" name="rating1" id="rating-1" class="rateme" value="1" data-theme="b" /> <label for="rating-1" data-theme="b">1</label>
jQueryMobile framework developers please read this. Blackberry OS 6 fix proposal.
Hi guys, many thanks for your great framework. I'd like to inform you that the character '-' is not accepted by blackberry for filename. Could you please remove this character from the name of the files. I solved the problem using '.' The following works on BB: - images/ajaxloader.png - images/icons18black.png - images/icons18white.png - images/icons36black.png - images/icons36white.png - images/iconsearchblack.png - jquery.mobile.1.0a4.min.css (+ updated references to images) - jquery.mobile.1.0a4.min.js
Select Menu Dialog Snafoo A4
I haven't seen this one reported yet. If you goto the Forms > Select Menu demo and click on the custom menus Alabama, then close the dialog using the close (x), then reopen it, the list is no longer in a dialog and it's x/y position is in the center of the select menu button.
Running jQuery Mobile on WinMo7 renders a blank page
Hi Guys, On http://jquerymobile.com/2011/03/jquery-mobile-alpha-4-released/ jQuery Mobile blogpost... It says.. "We’re thrilled to announce WP7 is now a supported platform and has a solid A- experience..." All that renders is a blank page on winmo7... And I have what seems to be the same exact device they use on the photo. This fiddle is a simple two page layout that works fine on every browser except IE on winmo7. http://jsfiddle.net/QfVsq/
jQuery Mobile pageLoading Dialog does not move with page scroll
Hi, is there anyway of getting the jQuery Mobile loading dialog to move with the page as the user scrolls down? Currently, we offer a list of clickable items. If an item in the list is clicked, we show the loading dialog to indicate we are retrieving the details for the clicked item i.e. $.mobile.pageLoading() This works very well when the list only takes up a single screen. However, in many cases the item the user wishes to open requires them to scroll down the list and the dialog shown by the
$.mobile.changePage
Hi, I am having problems with $.mobile.changePage. After user submits a form and the credentials are verified I want to load another page. I am trying to use $.mobile.changePage like this: $.mobile.changePage("#index"); (this is in a js file). The form is in a php file. I get this error message: TypeError: Result of expression '$.mobile' [undefined] is not an object. I can't figure out what is going on. Can someone help me? Thanks
jQuery Mobile for desktop and mobile
What browsers on desktop jQuery Mobile supports? Can I develop single interface on jQuery Mobile both desktop and mobile?
Taking Control Of The Back Button.
Hi, if I have the following code: <div data-role="page" id="meetingPage"> <div data-role="header"> <h1 id="pageTitle">AGM</h1> </div> <p>Hiccup</p> </div> How can I take control of the Back button. The reason I ask is that each time the page goes forward, a increment of one is added so when the user goes back I want to decrease the number by one. Any ideas? Cheers, A4.
Anchor on Collapsible Content
I was working with collapsible set this morning and I was wondering how cool it would be if we could scroll automatically when we hit a collapsible item. Because of the the limited height of the screen on mobile device, when you hit a collapsible header which is for instance, at the bottom of the screen, you can't actually read it. You need to scroll manually. Any thoughts ?
Entering time
Is there an easy way to enter time in jquery mobile? I thought about using sliders but that's not exactly right looking. Are there any plugins etc?
Can't get submit to work
this does not work I am pretty sure you have all seen this before but I am stuck. Just started to use jquery mobile and can't get a basic function to work. Please advise, Thanks <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.js"></script> Here is the error I get : htmlfile: Unexpected call to method or property access Here is all of the code <%@ Page Language="C#"
Did I miss something with A4?
Seems like on my android phone testing A4 test docs are jumping all over the place. nested lists select a sub list on it's own. the back button fires off two clicks when I click it once. Anyone else seeing this? A3 still works perfect.
Footer adds padding to right. Why?
Hey all. I've been wrestling with footer issues and can't banish the issue. Which is: When I add a footer to my web app it adds padding to the right. I can only confirm this on iPhone as I've not yet gone to "the lab" (my local AT&T store) to test this on other platforms :) The padding is initially off screen. But, I can do a right swipe and MAKE the padding appear. If I remove the footer, the padding disappears. I've run the html through several tidy passes... the divs checkout a-ok. I wonder about
Page with Navbar gives "Error Loading Page" when it is loaded from a form on the previous page
Are you able to have a form <form action="search.html" method="post"> load the next page (search.html) which will have a navbar with pages embed within it (data-role="page")? Let me give an example of the page: <!-- index.html --> <div data-role="page"> <form action="search.html" method="post"> <input type="submit" value="Submit" /> </form> </div> <!-- search.html --> <div data-role="page" id="search"> <div data-role="header"><h1>My Application</h1></div> <div data-role="content"></div>
JQMobile, changing to an internal div help wanted.
Hi, using JQMobile what code do I use to go to a internal div within the page. i.e, when a user clicks a page it should then go to a internal page - not an external one. I know how to do this with JQTouch but not JQMobile. Thanks in advance.
slider event
Hi, I have a form that uses a slider. How can I send the value of the slider to my js file? I tried to send it the same way I send other form values but all I get from the slider is Object object. What does that mean? Thanks
GET parameter inapropriate treatment
On Jquery Mobile Alpha 2 , it worked fine, now I've got a problem. The problem is as follows: I have an url like : http://mysite.com/blah/id/#/blah/id/?page=2 On this page I have some details, inside a list , if i click on them , a item id is passed to get the page with more details. I've got a link like <a href="othercode/itemcode/"> click me </a>On alpha 2 it worked getting me into the page: http://mysite.com/blah/id/#/blah/id/othercode/itemcode/?page=2 Alpha 4 just mess up , getting me on: http://mysite.com/blah/id/#/blah/id/?page=2othercode/itemcode/
Touch firing two events or the same event twice on back button
I have an application that has several pages, when I get navigating into them the button back appears just right on his place, but , some times it takes me back two steps instead of backing one step.
uncaught exception: Syntax error, unrecognized expression
uncaught exception: Syntax error, unrecognized expression: [for=workflowEntity.actionId_402881042da284d0012da2a9e7cf0004_202] Sorry for my poor English, hope you can understand. When I upgrade to jquery 1.5.2(previous 1.4.4), this error occured. I checked my code, my <input> id is "workflowEntity.actionId_402881042da284d0012da2a9e7cf0004_202", and the error occured in jquery.mobile-1.0a4.js line 3085 label = input.closest("form,fieldset,:jqmData(role='page')").find("label").filter("[for=" + input[0].id
footer with ui-bar class too large on iOS
Hi list, I've been searching hours, restarted project from scratch twice and now copy/paste the doc examples and facing the same problem : As soon as I set class="ui-bar" to the footer the footer bar is wider than device width. Touching a button in the footer seems to rescale correctly the footer. <!DOCTYPE html> <html> <head> <title>Page Title</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script>
Media queries for max-width-xxx are all true?
What is the rationale behind the idea of this? Tested on iPod touch: <!doctype html> <head> <meta charset="utf-8"> <title></title> <meta name="HandheldFriendly" content="True"> <meta name="MobileOptimized" content="320"/> <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, maximum-scale=1.0"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.css" /> <script src="js/libs/modernizr-1.7.min.js"></script> </head>
jquery.mobile-1.0a4.min.css causing Firefox Error console to fill up with dropped delcarations
I realize that jQuery Mobile is marked as Alpha, but I can't find a single post related to this fact (and how to solve it). https://github.com/jquery/jquery-mobile/issuesearch?state=open&q=declaration+dropped Just making the most simple of pages results in about 100 messages like this: Warning: Error in parsing value for 'background-image'. Declaration dropped. Source File: http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.css Line: 16 Warning: Unknown property 'border-radius'. Declaration
Use of data-close-btn-text
Hey guys, It seems there is a new feature to add a text on a close button of a dialog on the 1.0a4 version. I tried to add this attribute on the container of the dialog as explained here : http://jquerymobile.com/demos/1.0a4/#docs/pages/docs-dialogs.html. But it doesn't seem to work. Is someone tried to add this ? Here is a simple test code : http://jsfiddle.net/Y6WfL/43/ Thanks for the help.
Remove close button from select option dialog
How can I remove the close button on a Select Option Dialog? Example: http://jsfiddle.net/Y6WfL/18/
nested collapsibles not working in A4
You can see nested collapsibles working here, but when I try to implement them myself they do not work. Can someone tell me the difference in the two implementations? thanks
The navigation jumps up when going back to startpage
Hi all, I hope you can help me with my issue. When I click on a link from the startpage and later go back, the Nava jumps up over the intro text in Chrome and Safari. I am new to jQuery and would appreciate any help. Been dugging for hours i cant find a solution. Added a screenshot. You must minimize the browser to test/see the problem. Site: http://aixnow.cypoint.se
Scroll issue during transition
Hello! I've got an question about page transition. When "back" button is clicked on an android phone, the active page is scrolled to top and then the transition start. It does not look good (for me) on Android. So, is there a way to cancel this scroll? Another question, where can I find some working projects on Jquery Mobile? Thanks!
Debugging injected scripts
Intro: In jQuery Mobile, I can define "mobile pages" as divs with data-role=page. These can be stored in other HTML files, and injected ad-hoc into the main HTML page. In such a div I can put a script tag like: <div data-role="page" id="some_id"> <script type="text/javascript" src="MyScript.js"></script> ... </div> and that script will also be injected into my main page. Important note: I'm writing my scripts in script files and reference them from the HTML (see above snippet). I'm NOT writing
Links bug when "defaultTransition" set to "none"
Hello, I'm developping an Android/iOs webapp, and to improve performences, I choose to set "defaultTransition" to "none". When I changed it, all my links are bugged : it's like I make a double tap on it, and it change 2 times of page. I think the attached draw is clearer than my explainations... Is there a way to fix it? Or should I set the defaultTransition to another value ? Thanks for your help ! Tom
Can i pause that data-rel='back' work ?
hello, i don't speak English well, sorry. i have a question about data-rel='back' working. i use this code. when i turn up popup page <a href='new_post.php' class="ui-btn-active" data-transition="slideup" >New Post</a> close popup page <a href="/" data-rel="back" data-icon="delete" data-transition="slidedown" >back</a> and it work well. but i want to show alert when i click data-rel="back" button. i don't know how do i coding. i use this code <a href="/" data-rel="back" data-icon="delete" data-transition="slidedown"
List of "buttons" to make POST requests
Hi, I'd like to create something like this (list items with thumbnails): http://jquerymobile.com/demos/1.0a4/#docs/lists/lists-thumbnails.html But where clicking on the item makes a POST request. I've tried using buttons in the following way: <form action="/thing" method="post"> <ul data-role="controlgroup"> <li><button type="submit" name="name" value="thing1"></button></li> <li><button type="submit" name="name" value="thing2"></button></li> <li><button type="submit" name="name" value="thing3"></button></li>
Next Page