vclick generated on list drag in webOS
When I click and drag a listView on webOS with phonegap to scroll down a list, if the drag is very quick (under a second), the 'click' and 'vclick' events are still generated. I'm using the built-in webOS scene scroller for scrolling (which is handled by phonegap and webOS - I haven't touched it) I'm using mylist.delegate('li', 'vclick', this.clickHandler); to listen for vlicks. On the iPhone emulator, the vclicks are not generated on a drag to scroll a list. Any ideas? Thanks!
Android WebViewClient onPageFinished not firing from changePage
On jQuery Mobile 4.1a I have noticed that on android the onPageFinished() event is not firing if you change your current page with changePage() as opposed to a local link which does fire the event. // doesn't fire onPageFinished() $.mobile.changePage("#home","pop",false,false); // does fire onPageFinished() <a data-role='button' href='#home' >Home</a> I've noticed this event not firing in android corresponds with a mess of stuff not working properly in the app, such as resize events, orientation,
Subpages not loading via AJAX in A4
Hi there, i am currently developing a mobile webapp for my company. In A3 it all worked fine (except the collapsible scrolling problem which is solved now). In A4 i have a problem with the loading of the subpages. They are always loaded with a regular request, not via ajax. You can see my Test-Webapp here: http://mobile.mdx.itobe.de/go.to/modix/now/test.html On this Mainpage the whole html structure with the root/home page-container is delivered. The Subpages are only responsed with the specific
Sticky form in JQM
Hi, I have a form that is in JQM format, and it pulls the questions from the database. Form validation is also used. It posts to itself, and creates session variables for the answers, then loads the next set of questions in a totally new mobile page. It works great except when using the back button. When the back button is clicked, the data is cleared, even with session variables being set. I've tried combining it with a jquery form wizard with no luck in getting it to play with JQM properly.Any
Problem with JQM, AJAX and HTML5 videos...
Hi, I'm French, si if my English is bad, I'm very sorry... I make a web-appli which make a list of article. I download content of all articles with ajax which return a JSON object, and when I click on one article, I go to the page of Article, which load the good content via jquery... Each Article has a video which has a poster. My problem is when I play one video and I'm come back on the home page, then I go to an other article, the new video doesn't load the poster, and sometimes doesn't load the
iPhone tab bar
Hi All, I am creating on web based application for iPhone, BlackBerry, Android. And I used HTML5, CSS3. My Query is that i want tab bar same as in iPhone and same in web based, i mean tab bar fixed at bottom. I used below css for fixed at bottom, but it was not working, it was scroll up. CSS is given below: /*--------------footer------------*/ .tabBarBottom { height:50px; width:320px; background:#11244c; position:fixed; bottom:0; left:0; color:#FFFFFF; /*text-align:center;*/ } .tabBarBottom nav {
why arrows on dropdowns not displaying
Why am I getting a globe logo on a dropdown container instead of a arrow down? Please see attachment. Thanks!
mobile.changePage after listview.refresh causes double transition in JQueryMobile
HI Everyone, I am loading a nexted listview with values and then allowing the user to filter the items. Rather than use the built-in filter functions, I have my own #filterpage div which has a few checkboxes. WHen the user clicks the 'Apply Filter' button, then the listview on the main page is rebuilt and I use .changepage to go back to the main page. This is where it goes haywire - if the user clicks on a list item then the sublist page slides into view, then immediately slides away. If the user
input text and button inline
How to make input text and buttonicon ( icon button only no text) inline right side input text ??
Nested List - invisible icons
I have a simple nested list. I would like icons on all list items regardless of whether it has children. I can't seem to achieve this. Some example html is below and I have attached screenshots of the problems. <ul data-role='listview' data-inset='true' data-theme='a'> <li><img class='ui-li-icon' src='tag_blue.png' border='0'/>Coffee</li> <li><img class='ui-li-icon' src='tag_blue.png' border='0'/>Tea <ul data-role='listview' data-inset='true' data-theme='a'> <li><img class='ui-li-icon'
Navbar : active tab does not appear selected
When browsing each page of a navbar, the first time I choose a link, it appears as selected, as I set on it : class="ui-btn-active"But the second time I choose a link, it does not appear selected (il looses its class). Usages of navbar in demo do not really select a page, so its behavior is correct since it is only present on one page. It would be usefull to provide a multipage example of navbars in demo.
data-state collapsed not working properly
This example of a collapsible div doesn't work with mobile/1.0a4.1.min and jquery-1.5.2: <div data-role="collapsible" data-state="collapsed"> <h3>About this app</h3> <p>This app rocks!</p> </div> It does work with mobile/1.0a1.min and jquery-1.4.3 Does anyone know the latest files I can use and have it work? The page opens with it open instead of collapsed. Thanks in advance.
is it possible to "run" jQuery mobile without http server ?
The readme on github seems to say no but when i've tried with the 1.0a1 version it was ok now with the last (1.0a4.1) i can't do that does someone know how to do that ? thanks, Philippe
JQM Alpha 4, AJAX naviagation with URL rewrites from an MVC not working?
I am using jquery mobile with Coldfusion and the Coldfusion framework Coldbox 3, in JQM alpha 3 all links worked as expected (Ajax style) with the loading dialog and page transitions. Now with the new A4 all links are now just normal links that load normally. While my application still works, its missing the AJAX navigation? Here is an example of what a link looks like in Coldbox... <a href="http://www.example.com/MobileApp/index.cfm/Cruise/Index/?id=1&offer_id=243"> and another <a href="http://www.example.com/MobileApp/index.cfm/Cruise/Reviews/?id=1&offer_id=243">
Checkbox Arrays and Collapsible Lists
Can somebody explain why this HTML doesn't work for jquery mobile alpha 4? Aren't checkbox arrays supported? How do I make it work? <div data-role="collapsible-set"> <div data-role="collapsible"> <h3>Vegetables</h3> <div data-role="fieldcontain"> <fieldset data-role="controlgroup"> <input type="checkbox" name="chk0[24]" id="chk0[24]" class="custom" /> <label for="chk0[24]">Carrots</label> <input type="checkbox"
Styles are not applying on <li> elements when loading more <li> in a <ul> element.
So, I am trying to load more <li> elements in a <ul> element on clicking a button. The markup is something like this. <ul data-role="listview"> <li data-inline="true"> <a href="#" rel="external"> <span class="imgContainer"> <img src="#" width="160"/> </span> <p> <span class="title"><strong>#</strong></span> <span class="from">#</span>, <span class="views"># views</span> </p> </a> </li> </ul> <span data-role="button">Load More</span> I
Using actions in href like this "href='lang.php?addlanguaje'"
I have this.. <li><a href="<?php bloginfo('url)/lang.php?action=chglang" >Castellano</a></li> my lang.php is: <?php $action = $_GET['action']; if($action == "chglang"){ //Do something } ?> When I click to href i get a etern loading message and I get this javascript error "j.data("page") is undefined". My lang.php works fine but I get this etern loading message and I don't know why... Thanks in advance.
Trouble linking to mp4 file please help
I am trying to play an mp4 file "myoplex.mp4" from a href link and I just get a waiting Ajax icon. I am able to play the video when I use a video tag to play it however that means that it brings it to a separate page. I want it to auto play the video and return to the page when completed. I would think this would be extremely easy. Something it seems in jquery mobile is restricting this. Can someone pleas assist me or tell me why I am such a moron I guess. It seems like such a simple fix and yet
double transition/skipping page
Hi, I am using $.mobile.changePage("#page") to load another page once a user clicks the submit button, but when the page loads it actually skips one page and goes somewhere else. Anyone knows what is happening? I have spent a lot of hours debugging but I just can't figure it out. If anyone know what this happens please let me know. I don't know what else to try. Thank you!
Changing an element value before "pagecreate"
Hi guys, I stumbled upon quite an annoying issue, and I hope you might be able to shed some light on this. What I'm trying to do is simple: Bind a page to a "pagecreate" event. When the method is called, select element/s (in this case - a button) and change its value. After changing the value, I verified that the value was changed (when debugging), but since jquery adds <span> for the button, which holds the old value - the UI was not changed at all. Here's the code: init : function() { $('[data-role="page"]').live('pagecreate',
List & footer problems
Hi guys, I'm working with lists with thumbnails. I'm using jquery mobile a4.1+ (compiled from git). I have 3 issues: 1) The first item in the list is not correctly aligned, I have to add a hidden entry in order to solve this. 2) The fixed footer is not working very well yet. Is it possible to have real fixed header and footer and the scrollable list? Header and footer shouldn't disappear while scrolling/accessing list items. 3) Scroll perfromances problems. I build the list dynamically. The user
scrollTo() in Lib from Kin Blas
Hello, in my iPhone-App (phonegap) I'am using this lib ;-)) How can I call scrollTo(x,y,duration) ?? $('#scrollregion').scrollTo() doesnt work. Rainer
refresh styles of a text input
is there a way to refresh the styles of an input text box after adding it dynamically? doesn't say so here: http://jquerymobile.com/test/docs/forms/plugin-eventsmethods.html i tried: $('input').textinput('refresh'); $('input').textinput(); $('input').page(); but they don't work. thanks.
Tap generates two events on iPad?
Hi, I am doing a few very simple tests with jquery / jquery-mobile and it seems that binding the tap event to a div almost always generates two (or more) tap events. Is this a correct behavior? Everything works correctly if I bind to 'click' instead.
Listview + live('vclick') not working with 1.0a4.1
Since ive upgraded to the last version 1.0a4.1 the javascript live('vclick') won't work and it refuses to load the page. Did the code changed again or am i missing something? EDIT: Just noticed the change of vclick to click.
Timepicker for jQuery Mobile, free to download
Hi Everyone. :) I have written a timepicker control called EasyTimepicker for jQuery Mobile. My objective in designing this timepicker was to have a control that was simple to use and provided a simple select with time entries. I built this control mainly for use in an iphone web application and the native select looks very good on this platform; so I wanted the control to capitalized on this feature. I like the way that jQuery Mobile takes the "code less, do more" mantra of jquery to a new level,
Performance problems in A4 release with dynamic listview
I have encountered some major performance differences between a3 and a4. I have a dynamic listview using <li> elements, in a3 version the following takes 142ms var spList = $("#CustomerList").find( "#listview2" ); spList.listview('refresh'); in a4 version it takes 13204ms. Is there something different that needs to be done in my code or is this a bug?
While using iframe, tapping a button causes scrolling to page top involuntarily
Hello all, iphone4(ios4.31). Tapping a button causes scrolling to page top involuntarily. This is how the trouble occurs; Kill Safari process. Run Safari, open frame.html and tap [move pageB]. Scroll down and tap [move pageA]. Then you'd be jumped to page top and the [move pageA] button doesn't work anymore. Page reboot can resolve this trouble sometimes. After killing and rerunning Safari process, you'll face it in high ratio. I am in deep trouble and begging for your kindness! frame.html <html>
Submit button as list link
Now that we can have forms easily in lists I would like the submit to be a link in the list. Is there an easy way to do this? Thanks
Ajax call returns table but css styles not applied.
Hi to all, I have a table with has cells that contain check boxes: <td> <% var name = String.Format("PlayerMetaData[{0}].PlayListMetaData[{1}].IncludedInPlayer", playerIndex, playlistIndex); %> <div data-role="fieldcontain"> <fieldset data-role="controlgroup"> <input type="checkbox" name="<%: name%>" id="checkbox-1" class="custom" <%: playListMetaData.IncludedInPlayer ? "checked" : "" %>
buttons in list?
Hello, is it some how possible to have buttons in listview using jquery mobile? I want to acheve to have controls for list view. I tested following code, but it is badly broken... <ul data-role="listview" data-inset="true"> <li data-role="list-divider">Heading</li> <li>object</li> <li> <div data-role="controlgroup" data-type="horizontal" > <a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="notext">Up</a> <a href="index.html" data-role="button"
dynamical nested list problem
hello, i add dynamic a second list to my list. the problem is dat there will be no automatic reload from the second list. only if i hit the list entry twice the new site opens. what can i do to click on the first list, the content loads via webservice and the second list will added automatic to the first list as sub entry and opens like a nested list??? $('[data-role="contact"]').live('click tap', function () { $('#first').append('<ul><li>Next Page Entry<\/li><\/ul>'); $("#words-list").listview();
scrollto problem
hi there, i use scrollto plugin, and jqm, if i try in deskrop browsers all things are good but if i test it on iphone and press the button to scroll, the page only jumps to top, in desktop browsers is a fine animation scroll to top...??? can anyone help me please? thanks j.
ListView Arrow Button Don't Respond To Click
Hi, I don't know if this is a bug or just the way to go. I found out that there is no respond if we click the arrow button in listview. It's all ok if we click elsewhere in the listview but not the arrow button(which is autogenerated when we use data-role="listview" tag). The jQM demo page also happens to behave like this. AFAIK, people tend to click an arrow assuming thats the right button to go forward. - Iyas
prescribe transitions for browser's back and forward buttons
Hi, Can anyone advise how to ensure the page slides from right to left when clicking the browser's back and left to right when clicking the browser's forward button? thanks Matt
Formatting collapsible data-role
Is it possible to format the icon for the data-role type collapsible? I've been trying with no luck. Thanks
Alpha 4 double back history on back button
When clicking the automatically generated back button on a multi page in the Xcode iPhone 4.2 simulator, i get a double trigger. The page animates to the previous page and then immediately animates to the one before However if i hold the back button down for a second and then release, the back button works correctly and there is only one animation. Could be the button click and release event both being called This was fine in alpha 3 ALpha 4 does seem smoother, the jumpy pages is much better Update:
Fixed Position Footer Navbar - ASP.NET
I am attempting to add a fixed position navbar in my footer. I can get it to work if I move my closing </form> tag, but I need it where it is. This is the layout I need: <body> <div data-role="page" data-theme="c"> <form> <div data-role="header">...</div> <div data-role="content">...</div> <div data-role="footer">Persistent NavBar Here</div> </form> </div> </body>The above code makes the footer navbar not inherit the page theme
Help having problem displaying bg images in <div>
#bg001 { background-image: url(img_abc_bg.jpg); background-position: left top; } ------------------------------------- <div data-role="content" > <!-- my stuff--> <div id="bg001"><img src="imgABC.jpg"></div> <!-- /my stuff--> </div> -------------------------- t works fine out side of jqmobile?? HELP
jQuery Mobile and AdMob Ads
Hi, I'm trying to integrate AdMob iPhone Ads into my jQuery Mobile App (A4.1). I'm successfully showing them on the first page. However, they just do not show on any subsequent page. AdMob seems to provide a way to integrate them in Ajax pages. I tried to implement this (Code under Additional API/Technical Notes): http://developer.admob.com/wiki/IPhone You can see the non working adds here: http://www.trailheadfinder.com/mobile The ads will show on this page. Then if you click on "Directory" underneath
Next Page