dynamic attributes
I have a list that is displaying fine. Each list item is linked to #video. I am generating the list via php/mysql. I was wondering how I could pass an ID to the #video page. Thanks I tried making the links #video&id=aNumber, but I get the "error loading page" error
Android EVO and key pad problem.
I just ran into this one today. The Android key pad has a feature that if you hold down the key there will be other letters or characters pop up so a different character can be selected. For example, if I hold down the w then a 2 will replace the w. The problem seems to be with a JQM search control, I get the w and the 2 instead of the 2 replacing the w. I know I can press the shift and the w and get a 2 but that is not the normal way it works.
Disable scrolling event for canvas
Hi All, I have canvas element as part of my mobile page. Intention is to allow user make some drawing on it through customized JS in the background, but it seems JQM intercepts event and forces scrolling once canvas area is touched. Is there a way I can disable scrolling handling for particular area within mobile page? Thank you.
ASP.NET Web Form Submission in Alpha 2 Broken
Forms submission in Alpha 2 seems to be running afoul of ASP.NET forms submission. This didn't occur in Alpha 1. Is there a way to disable the hash navigation when doing a forms submission? Update: I rolled back to Alpha 1 and all is working again. It appears the hash navigation in Alpha 2 is running interference with ASP.NET web forms submits. Not only does the navigation cause issues, but the OnCommand handlers don't fire. I tried using target="blank" in the form tag but that had no affect. Please
Diversity of UI patterns on mobile platforms
As far as I can see from the initial blog post about jQuery mobile, the touch interface library is going to depend on UI patterns of iOS. This is acceptable for iPhone and Android machines, but Blackberry and Symbian users wont be happy to see these UI elements on their mobile phones. The reason is obvious, their wide screens (which are usually 320*240) wont allow them to consume that amount of space for large elements shipping with jQuery Mobile. What are you planning to do with diversity of platforms?
Jquery mobile min.js error
This randomly just started on my site. It's referencing an error message from the jquery mobile cdn source. Thoughts? code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js:90Uncaught TypeError: Object #<an Object> has no method 'attr'
'tap' event parameters
Hi. Is there a way to get the location (like pageX, pageY) where the "tap" was happened? I don't see any documentation on any parameter that the listener for this event can take. Many thanks Ali.
.click fails in alpha2 / a.attr is not a function
hi all, i am working with jquery mobile alpha2 and jquery1.4.3. i try to write data to a server using ajax without page refresh. with alpha1 this worked fine, with alpha2 it's not working anymore. firebug returns: "k.attr is not a function". i also tried with action="index.html" in the <form> tag. the page reloads but the click function still isn't working... any ideas what i'm doing wrong? thanks in advance. $(document).ready(function() { $(".Out1_On").click(function() { var
"Le Moulin Rouge" mobile website powered by jQuery Mobile !
Hey guys, This is my first post here. I just want to show you the new Moulin Rouge mobile website, it's a beta version done in a couple of hours with jQuery Mobile. Thank you jQuery team ! Here is the result : http://m.moulinrouge.fr (only on smartphone) Next version coming in 2011 with more informations and more interactions ;) Bug reports and opinions are welcome ! See you around
Cancel drag move to background of browser
On iOS, I can drag move down and up to background area of Safari. Any way to cancel drag move like native fixed size application?
Two or more form submit buttons value.
I am troubled by proper use of two or more form submit buttons. <form action="index.php" method="post"> <button type="submit" name="Options" value="Option1">Option1</button> <button type="submit" name="Options" value="Option2">Option2</button> <button type="submit" name="Options" value="Option3">Option3</button> </form> The following results are obtained when requests by pushing a "Option1" button by the usual html. $_POST -> { ["Options"]=> string(7) "Option1" } However, when jQuery
Ajax navigation problem. ajaxLinksEnabled/ajaxFormsEnabled not working?
Hi! I'm trying to convert an existing data collection system to jQuery Mobile: it is based on CGI Perl scripts which produce HTML forms. It was working quite well with Alpha 1 but it is broken since Alpha 2. I think that the problem is due to the Ajax navigation system: it duplicates the forms in the same DOM tree and, for example, some tags exist with the same ID which is weird. I've tried to fix the problem by disabling Ajax links and forms by using mobileinit as follow: $(document).live("mobileinit",
What is A02 equivalent of customButton?
I can't figure out how to style a button (or other control) that is created dynamically. in alpha 1, it was customButton(). Is the change because of the move to widget factory? In any case, what is the equivalent for alpha 2?
Add link buttons and Collapsible content dynamically and icons
I am a newbie for JQuery Mobile. I tried adding link buttons and Collapsible content dynamically with javascript. They do not render formatted. What else should I be doing? I have given below the code snippets. Any example will be useful for me. Thanks. page markup <ul id= "data_list" data-role="listview" data-inset="true" data-theme="a" data-dividertheme="b"> </ul> javascript var buttonstart= "<li><a href="#About">"; var buttonend = "</li>" $(result.camp_list).each(function (index,
having a form.post refresh the page
I might be trying to tackle this the wrong way- but I'm looking for a way to have a <form method="POST">...</form> refresh the view. The use case is a login page - I'm using Django back end, and the default login setup logs in and redirects you to a default page, or a specified page if you're provided a URL. WIth the default jQueryMobile setup, that leads you to a navigation push - which in the case of a login I'd like to disable, since navigating back to the login page isn't intended or desired.
New Alpha release problem
I've updated to the brand new Alpha release, I just changed the CSS and the jQuerys like this: <link rel="stylesheet" href="jquery.mobile-1.0a2.min.css" /> <script src="jquery-1.4.4.min.js"></script> <script src="jquery.mobile-1.0a2.min.js"></script> And my main page appears like before But when I click "Settings" (with this code) <!DOCTYPE html> <html> <head> <title>Settings</title> <link rel="stylesheet" href="jquery.mobile-1.0a2.min.css" /> <script src="jquery-1.4.4.min.js"></script>
Alpha 2 form submit not posting
Since moving to Alpha 2 experienced problems with form submits. Looks like jquery hash navigation taking over
A few questions (DOM rerendering, form transitions)
This is a simple question... and perhaps I'm missing it but I can't seem to find it since there seems to be limited resources on jqueryMobile... If I have a page that contains a form and I manipulate that form and its elements using jQuery in a document.ready function, how do I tell jQueryMobile to re-render the form? Basically I have some dynamic code that is provided by the server and I'd like to experiment by allowing a "mobile theme"... I figured if I could use jQuery to change the DOM and re-render
List view image corner is rounding with data-inset="true".
I have some images on each of my lists. <img src="images/change_password.png" class="ui-li-icon"> however the first and list image corner is being rounded because of data-inset="true". Is there a way to make sure it doesn't round my icons?
jQuery Mobile, CSS animations?
Hi everyone. Just curious if the mobile framework will be using CSS animations on the iPhone platform at least? Because css animations (some) not all are hardware accelerated and therefore have much much much better performance compared to modifying the actual top/left properties of the element. I mean using translateX/rotate/etc. Other question, will there be support for drag/drop or is that going to be part of the jqueryUI? Thanks in advance!
collapsible element do not take into account the attribute "data-state=collapsed" since alpha2
<div data-role="collapsible" data-state="collapsed"> ... </div> are always displayed expanded. ------------------------------------------------- alpha1 code for plugin: ... collapsed: $(this).is('[data-state="collapsed"]'), ... ------------------------------------------------ alpha2 code for plugin: ... collapsed: false, ...
Page transition on rel=external
When I add a rel="external" the page transitions stop and page just loads normally. I have placed the following but nothing still the same: data-transition="fade" rel="external", etc Is this the default and on external the transitions will not work or is there a solution? Its for mobile Safari. Thanks Si
Date picker
Is there a JQuery UI date picker for Mobile JQuery?
onclick event does not fire for select box in jquery mobile framework
The onclick() event does not seem to fire for the <select> box. Here is a sample code that you can insert and test in the jquery mobile page. <select id="listSample"> <option>Option 1</option> <option>Option 2</option> </select> and then perform $('#listSample').click(function() { alert('listbox click called'); }); When you click on the listbox, the listbox elements get rendered but there is no call to the click() method. So its not possible to dynamically alter the contents
Fixed header not working on 2nd page
If you have site a that contains several physical html files with data-position="fixed" specified in the data-role="header" divs then the fixed header works fine on the first page but doesn’t work after you click a link to go to another page in the site. Note: If you have your mobile pages (data-role="page") in a single physical html file then the header does work fine. However for my application I need to use separate physical html files. Is this a bug? Am I missing a setting?
Heresy: question about IE
First of all, <bow>thank you for JQuery Mobile, it is an awesome project</bow> I know it says "mobile" in the project title :), but I wonder whether support for IE8 and 9 (already mostly works) is at least possible, even if obviously not a priority ? The CSS the Filament guys are developing looks awesome, so it is really tempting to use it on the desktop as well...
why not make list items collapsible ?
Just a thought - list items http://jquerymobile.com/demos/1.0a2/#docs/lists/index.html already offer so many styling options, including thumbnails, sub text, chevrons at right, inset etc. Instead of having a less-stylable, always indented collapsible http://jquerymobile.com/demos/1.0a2/#docs/content/content-collapsible.html, why not allow the general list items to optionally have a collapsible section ? I think that would be simpler and at the same time more general than having a separate collapsible
Pageshow when not gradeA
This might have been answered already but I wasn't able to find the answer. Is the pageshow event supported when the device is not gradeA? If not, is there some sort of fallback that one could use instead of using pageshow for devices that is not gradeA. The reason I'm asking this is because I have a bunch of getJSON's under pageshow so I really need that functionality to be present even if it's not gradeA. Thanks!
Select box needs option to not open long lists in new page
So I've been complaining a lot about select boxes lately because it's in my opinion one of the most needed yet ironically buggiest widget in jQM. Here are my current complaints: http://forum.jquery.com/topic/global-select-box-display-bug I just ran into another situation where I was loosing my current page's "state" and then I realized it's because the select box opens long lists in its own on the fly created page. I knew this before but the connection wasn't being made until just now when I realized
I have some questions with <<Auto-generated pages and sub-hash urls>>
In the http://jquerymobile.com/demos/1.0a2/#docs/pages/docs-navmodel.html , I read the document below. Auto-generated pages and sub-hash urls Some plugins may choose to dynamically break a page's content into separate navigable pages, which can then be reached via deep links. One example of this would be the Listview plugin, which will break a nested UL (or OL) into separate pages, which are each given an ID so they can be linked to like any normal "page" in jQuery Mobile. However, in order to link
Navbar style buttons in list-divider
I would like to use the navbar or ui-grid style buttons (evenly spaced horizontally) in a list-divider element to act as a filter for the list contents. This style is what I'm looking for: <div data-role="navbar"> <ul> <li><a href="?asc">ascending</a></li> <li><a href="?desc">descneding</a></li> <% end %> </ul> </div> This style also would work: <fieldset class="ui-grid-a"> <div class="ui-block-a"><button type="submit" data-theme="c">ascending</button></div> <div class="ui-block-b"><button
newbie - no css on page 2 - script not working on second page
I have seen the same question throughout the forum, but never see a solution? I copied the jQuery mobile example, have a simple page 1 with a list and page 2 with another list. the transition from page 1 to page 2 works (with the hash), but page 2 has no mobile styling and no back button? http://www.elubin.com/jqMobile/sample1.html (click the first link in the list) Thanks!
How to add meta tag programatically?
Hi, I want to add a <meta ...> tag on an mobileinit event. this is because i want to take advantage of Fullscreen mode for iPhone/iPod. but this meta should not be render if the device is not an iPhone/iPod. is their a way to do this? thanks...
Do you know how to program SELECT dynamically?
Hi, everyone. I have a problem. I could select the number when I clicked the SELECTED button using jQuery. But I couldn't select using jQuery mobile. <select id="s"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> <input type="text" id="t"> <input type="button" value="SELECTED" onclick="$('#s').val($('#t').val());"> When we add items to a listview, we have to call the refresh method. $('ul').listview('refresh'); jQuery mobile's select element is not
jquery does not work after navigating another page
Hi, I am developing a project by using ASP.NET MVC 2 and Jquery Mobile. Everything is working fine but the problem is like that: I have an index.aspx and contains some links on it.my jquery codes are working fine in this page.I can evalute click function for textboxes or divs. When I navigate to another page "OtherPage.aspx" , nothing works overhere. But the tricky thing is , If I call the page directly form my browser like "http://myserver/OtherPage.aspx", everything works again fine. I try the
Using targeted functions in JQuery Mobile?
Hi there, im ALL new to not only JQuery but also the Mobile version. Im developing a web site targeting mobile devices and are wondering if it is possilbe to only usea few targeted functions instead of being forced to build my site as a "widget". Just by including the jquery moble js script it on my web page it instantly changes my styles and expects that my page is structured in a certain way. But what if i only want to make use of some of the function e.g. the pageloading functionality. Can this
Non-ui components library?
Hello, Keenly watching the progress of the jQuery Mobile framework, I'm sure its going to be a great success. I was wondering, however, if there was going to be a non-ui components library for touch cross-device support or even to add this support to jQuery itself. Ant
is there a way to apply transition for the links with rel="external"
Hi, is there a way to apply transition for the links with rel="external" ? Reagards,
select within data-role="fieldcontains" sometimes renders off screen (1.0a2)
When I'm rendering a large list of select options in a form, if the default option is a ways down that list, most of the upper list renders off the top of the screen and isn't scrollable to choose it. In the example below, the option 'check_ping' is the default, which causes it to render in the middle of the immediate screen, and pretty much everything abut check_nntps (in this example) is unavailable off the top o the screen. The workaround I've devised so far is to simply not set any of the options
Switch between nomal and modal $.mobile.pageLoading()
When we use $.mobile.pageLoading() a nice loading spinner appears. Unfortunately there is no option to make this a modal spinner i.e. a spinner which disabled everything on the background like a modal window does. This can be handy to avoid clicking twice on a button.
Next Page