Function not working in Alpha 3.
I've got a page on which I adapted some code from a cool project I found online. The project used the jQuery Mobile Alpha 2. And, for some reason, it doesn't work in alpha 3. www.teamcarney.com/CCDEV/ Thats the site that I've been developing. It's the blog button that doesn't work in alpha 3. In Firefox it says "l.data("page") is undefined" from line 46 in jquery.mobile-1.0a3.min.js. In Chrome it says "Cannot call method "_trigger" of undefined" and again points to line 46 in jquery.mobile-1.0a3.min.js.
Breaking changes in Alpha 3(dialogs)
Are the developers aware that Alpha3 breaks dialogs that were working fine in Alpha2? Alpha3 seems to assume that a dialog is a separate page-- whereas the typical use of dialogs for application developers, in my experience, is to include dynamic data in the dialogs-- so my dialogs are on the same page as the main page-- with the dialog popping up to confirm deletions, warn of incomplete data, etc... The new dialog functionality assumes I want go do a browser 'back' when closing the dialog, which
Jquery mobile docs offline
Hi Is there anyway to access the mobile docs offline? It would really help with my learning if there was... Thanks Ben
Jquery Mobile Styles not loading on Xcode iOS 4.2 Simulator
Hello Everyone I am trying to load some styles of Jquery Mobile css file (jquerymobile10a3min.css) , but when I run the iOS 4.2 simulator these styles do not load. The same code it works well on Android 2.1 I hope you could help me Here is my code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <!-- Change this if you want to allow scaling --> <meta name="viewport" content="width=default-width; user-scalable=no" /> <meta
Dynamicly adding Form Elements
Hello, I know, that there are some other posts about similar problems, but none of the solutions work for me. I use jquery mobile 1.0a3. I have a form with some Elements, which are grouped in Lists. After special lists (class="multiRow"), i want to insert a button dynamicly. This button should dublicate the first <li> of the list (and the form-elements inside the li). Here is the code: <div> <label for="awards">Multiforms</label> <ul id="awards" class="multiRow">
Testing in Opera Mini
I'm trying to develop one application and test it using opera mini ( which gives the best features with windows mobile) but as it seems opera mini is not able to access sites through a ip http://my.cn.opera.com/community/forums/topic.dml?id=275471 have anyone ever came across this issue? and is there a workaround for this. thanks bumble beee
JQuery-Mobile Backbutton
Today, I took a look at jquery mobile on my Palm Pre Plus. Besides being really slow and choppy (Loading animations are broken, page transitions are choppy; but I guess this is because of the alpha-status), I wonder about the following: Because of the iPhone-like UI and jquery mobile running in the browser, I have now three possibilites to go one page back: Using the "back" button that jquery-mobile offers me Using the "back" button that the browser offers me Using the "back" gesture of webOS That
jQuery Mobile "Same as Billing" address checkbox
I was having some trouble using jQuery Mobile and getting the standard sign-up form with Billing / Delivery address fields with a check-box to populate Delivery if same as billing to work. Eventually I came up with this: $("#samelabel").click(function() { if ($('#same').is(':checked')) { var address = $('#address').val(); $('#deladdress').val(address); var suburb = $('#suburb').val(); $('#delsuburb').val(suburb); var state = $("#state option:selected").val();
Preventing default dynamic generated link behavior
I'm using jQuery Mobile and Phonegap to develop my app, and using Phonegap's ChildBrowser plugin to let my users view links inside the app (i.e. giving the the option to go back to the app or view the link in safari). Since the links are dynamically generated (loaded into the page via Ajax), I'm using the following code: $('.someDIV a').live('click', function(e) { var thisUrl = $(this).attr('href'); PhoneGap.exec("ChildBrowserCommand.showWebPage", thisUrl); // Open the link with plugin return false;
List loosing style + can't get access to variable set in function
Hi guys.I'm having two problems right now. I'm trying to write a page that takes out a number of items from a Web SQL and creates a list. Should be easy. The WQeb SQl is working fine (i can see the 4 rows in Chrome Web dev). This is the javascript that I am adding at the end of the page (as done by a nettuts+ tutorial): <script> // Variables var html_sub_string; var html_string; $(document).ready(function () { showList(); }); function showList(){ var db = openDatabase('LaurDB',
Can I place a dropdown list on the navigation toolbar using the jQuery Mobile library?
My attempts (see attached image) have not met with much success. If possible can someone post an example? What I am trying to achieve is a page showing a monthly calendar with an associated toolbar allowing the user to navigate to the next/previous month or select a month from a dropdown list.
nested list view , display ok on safari desktop, not working on ipod ios 4.2
hi, checkout http://www.ilook.co.il/moto/iphone its a demo of nested list, created dynamically from json file. on safari desktop - working great. on ipod touch, ios 4.2, its looking just like a big list. no pages at all. i'm using "refresh" and even "listview()" but still not working. did someone solve this issue yet? btw - while using $(document).bind("mobileinit", function() i couldn't manage to dynamicly insert data only with jquery original $(document).ready(function() the DOM was created
Using overlay plug-ins
I found if I use another overlay/dialog plug like Clearbox or fancyBox, I loose the use function of jQuery-Mobile after the overlay initializes. The dialog opens correctly but I notice an "error on page" alert under it - I close the dialog & then nothing else works (ie: swipes & even the back btn on the device & a Chrome browser) only the plug(dialog). This what triggers the overlay: <a href="res/img/f1_1.jpg" rel="clearbox">Figure 1-1</a> If I add: <target="something"> to the <a> tag, the alert
how to clone dom before jquerymobile starts
Hi, I would like to clone some jquerymobile pages before jquerymobile starts up and adds it's attributes and classes. I tried $(document).bind("mobileinit", function(){ my_init(); }); but I think it gets called before the DOM tree is created/finished? thanks
My new Jquery Mobile App
Hi all, I developed a little application for classified ads, proposal for a client and would like to share, for the sample of articles I am using the plugin to 360 of the product vision http://www.stableflow.com/downloads/jquery-plugins/360-degrees-product-view/ I hope I hope you like it criticism and recommendations to improve my work, wasdeveloped with jqm am about to migrate to 1.0a2 1.0a3 The link to my application is: http://desarrollaenweb.com/clasificados/ Atte. Jose Luis Oronoz Troconis Email:
Replace options in select menu using ajax call
I have a parent child relationship with two select menus. When the parent changes I need to change all the values in the child. I can create the entire html and replace the child that way but I was wondering if there was a way to just replace the values and text? Thanks.
JQ Mobile Page Width on Android vs. iOS
I'm building a site with JQuery Mobile (1.0a2) -- great stuff! I'm building what I believe is a fairly simple layout with the typical buttons that resize based on page size; I recently tested this on an iPhone and an Android phone (Fennec). On the iPhone, the page is sized to fit on the screen (no scrolling), but on Fennec (Android) the page size is something larger, so scrolling is required. I would prefer to have the page be sized for the screen (like on the iPhone) so the app looks more native
When will JQuery Mobile performance be improved on BB6?
Hi list, I'm not sure about other platforms, but I know JQuery Mobile performance on BB6 is pretty abysmal. Specifically, transitions are slow, and don't actually animate. We've got an app that we are ready to release, but BB6 performance is holding us back. Is this on the roadmap for a particular release? Thanks
How do I go to a mobile page in code?
I can set a link to go to a new mobile page with <a href="#mypage">foobar</a>. How do I do the same thing inside a taphold handler?
Ajax error causes app to become unresponsive
When an ajax error occurs, the boolean isPageTransitioning does not get reset to false. So after the error occurs, jqm still thinks its in the process of page transitioning. Because of that, links stop working. Adding the following code seems to fix the problem...
How to do several pages deep navigation?
Hmm, I'm not sure if I am doing something wrong here. This is the structure right now on the app that I am building: index.html => list.html => list2.html => detailed pages all defined on list2.html - So basically you click on index-page to choose a type of list (ex. year-list) - list.html consist of a list with date-ranges (1901-1920 etc.) - list2.html consists of a list if names for those years (around 200). It also has a a <div data-role="page" id="che850"> - page for each of those 200 people
Is there a way to do transition to a page that is loaded through rel="external" + image question?
Hi, I have a page which contains a lot of <div data-role="page" id="home">-pages and each id is a unique identifier that I am using in another list to link to using page.html#unique_id. To make that work I use rel="external" so the page is reloaded. Unfortunately that means I loose the transition from the previous page. Is there any way to do a transition when using rel="external"? I'm still on the local site but since I cannot access an id further down in the page without rel=external I'm a bit
Migrating from jQuery/jQuery UI & hosting architecture
Hi, I have seen a couple of posts here that touch on the subject, but I'm still a little unclear. If I'm migrating an existing site that is based on jQuery & jQuery UI & other widgets (and that currently has no special forks for mobile device rendering) what are the recommended ways to address the following: 1. Should I set up a "mobile" subdomain within my hosting architecture (e.g., mobile.mysite.com)? 2. How should I best distinguish mobile & desktop user agents and where would I best make that
solved: data in select menu not shown
I get data with this: $.getJSON("Personen.php", function(data) { $.each(data, function(key, value) { $("<option value='" + key + "'>" + value.Person + "</option>").appendTo("#projekt_autor"); }); }); and append it to a select menu: <div data-role="fieldcontain"> <label for="projekt_autor" class="select">Autor:</label> <select name="projekt_autor" id="projekt_autor">
solved: html is not structurally styled
I get data like this: $.getJSON("Projektliste.php", function(data) { $.each(data, function(key, value) { $("<li><a href='Projekt.html' rel='external' id=" + key + ">" + value.PrName + "</a></li>").appendTo("#Projektlisteneintraege"); }); }); and append it to this listview: <ul data-role='listview' data-theme='g' id="Projektlisteneintraege"></ul> The resulting page (http://evab.barbalex.ch) shows the data but it is not styled.
How can I bind my own ajax calls to a link when ajaxLinksEnabled = false?
I've successfully set ajaxLinksEnabled = false per the documentation. I've verified this by testing the behavior of normal jquery mobile links. Now I can't bind a custom ajax call to a link. When I click it, jquery mobile somehow reports an empty error response (my server does not flag any errors). It then submits my link as a non-ajax request. It would appear that jquery mobile is still duplicating my links, since one is responding with a javascript error without ever hitting the server, and the
right aligned button does not align horizontally in header.
My header has 3 buttons in a controlgroup, and I have a 4th button that I would like aligned on the right of the header. Thus is working, but the 4th button doesn't seem to align horizontally. Any ideas? <div data-role="header"> <div data-role="controlgroup" data-type="horizontal" style="display:inline;"> <a href="#" data-role="button">Patient List</a> <a href="#" data-role="button">Search</a> <a href="#" data-role="button">Preferences</a>
Select menu in header
I am trying to add a small select menu that is on the right side of the header. All works fine except when selected the options list aligns centered under the button which cuts off the right side of the window. Any way to center the list? Thanks.
Dialoge opens like a link
Hello! I have a problem with the jquery mobile dialoges. Here is my definition of the Link to open the popup: <a data-icon="add" data-rel="dialog" id="addAttachment" href="#attachmentDialogue">Attachment add</a> Here is the code for the popup inside the same html file: <div id="attachmentDialogue" data-role="page"> <div data-role="header" data-theme="d" data-position="inline"> <h1>Attachment hinzufügen</h1> </div> <div data-role="content" data-theme="c">
Dialogs as Pages - doesn't seem like a good idea
I don't think the model of making a dialog a page is a great idea. It seems more logical that a dialog could be put in a page. In a practical sense, assuming you are using a master page/rails layout on the server it would seem you'd want the content to be a single page, but that doesn't fly if you need to generate multiple pages to render a page. So, seems the master page could not fully contain the header/footer of your overall layout, because you actually have to define page-specific dialogs
Smaller Navigation on landscape
hi... is it possible to get a small menu when you're in landscape mode. greetz
JQ Mobile - External site with your header?
Can you link to an external site, i.e. google but still have your app's header... Im trying to link to an external site and still be able to navigate back into the app in iphone. Im having real trouble. Thanks in advance!
Dynamic refresh of a-tag inside a collapsible-set in JQM
I'm creating a dynamic collapsible-set which contains an a-tag with data-role=button. In order to refresh the collapsible-set, I'm using this code which works fine: var el = $('#name'); el.html(data); el.find('div[data-role=collapsible]').collapsible({theme:'c',refresh:true}); The issue with this code is that the a-tags do not display like buttons, but show like regular hyperlinks. I also tried el.html(data).page() which displays the a-tags as buttons. But if you go back and
problem with Android 1.6
I have an app that works well except I have a user that has a phone with Android 1.6. The collapsible buttons work but the navbar within the collapsible section will not work ie click/tap events will not work. Here is the code. Is there a way to fix this? oops. I am using version 3a. <div data-role="navbar"> <ul class="navBar"> <li><a id="sub_SearchGPS" href="#" class="ui-btn-active" onClick="oSearchType.setSearchGPS(this.id)" >GPS Search</a></li>
Button causing problems with tap events
I've got a simple page I built to demonstrate tap events and swipes. I began by making a page to listen for tap events. <!DOCTYPE html> <html> <head> <title>Tap and Swipes</title> <link rel="stylesheet" href="../../jquerymobile/jquery.mobile-1.0a3.css" type="text/css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script> <script src="../../jquerymobile/jquery.mobile-1.0a3.js"></script> <script> $(document).ready(function() { $("#intro").live("tap", function()
close page on pagehide event
I noticed the page you open remains open even when you go back. I want it to close after it is done transitioning to being hidden. MY reason for this is the pages has a video on it and if they hit back, the sound of the video continues to be heard. Sure I can call the pause method on the video, but the video will still download in the background. My main concern is to stop the video from caching if they've gone back
My application for classified ads
Hi all, I developed a little application for classified ads, proposal for a client and would like to share, for the sample of articles I am using the plugin to 360 of the product vision http://www.stableflow.com/downloads/jquery-plugins/360-degrees-product-view/ I hope I hope you like it criticism and recommendations to improve my work, wasdeveloped with jqm am about to migrate to 1.0a2 1.0a3 The link to my application is: http://desarrollaenweb.com/clasificados/ Greetings and blessings. Atte. Jose
Duplicate first option text on select dropdown on Palm emulator caused by data-native-menu
There seems to be a bug when using data-native-menu on the Palm emulator, the first options text is duplicated and displayed on the left side of the dropdown.
swipeleft/swiperight not working on Fennec, Opera Mobile, IE7.5?
The swipeleft/swiperight events function properly on desktop browsers, android and iphone browsers. But they seem to fail on all my emulators and simulators: Fennec, Opera Mobile, Windows Phone 7, and so on don't do anything when I try to swipe. // swipe $("#slider").live('swipeleft', function () { alert('swipeleft'); rollSlider('-'); }); I am a bit confused, as I could'nt find similar threads for this issue. Are these browsers supported for this events yet?
disabling ajax
Hi Guys, I have just started uing the jquerymobile for a POC and wondering how to disable ajax for a certain form post. It seems that ~/Scripts/jquery.mobile-1.0a2.js is appending ajax to any form. In my case I just need to do a full form post without ajax. This might be pretty obvious but I simply cant figure that out. Any help appreciated. /BB
Next Page