JQM streaming youtube - can listen to audio but video not streaming
Hi this is my body for the page. <div data-role="content" > <div align="left"> <h3> Video</h3> <iframe width="300" height="300" src="http://www.youtube.com/embed/dR8lt_NkfDI?rel=0" frameborder="0" allowfullscreen></iframe> </div> But I can only listen to the audio and no video is being shown. Anyway i can fix this?
further reduction of the overall top and left margin
how could default top and left margin be decreased? something like this works on a plain example, but does not seem to work on my app. I will give it more thought and get back. <body id="test"> <div >Test</div> </body> <script> $('#test').animate({marginLeft: '-=15px'}, 0); </script>
difference between $.mobile.window and $(window) ?
Hi there, maybe a stupid question, is this documented anywhere ? Didn't find anything yet, but everybody is using it - so I guess there must be something ! 8o)
tap and bubbling/propagation
see this sample in android 2.x browser..its a sample to replicate a scenario in my application.. http://johnchacko.net/samples/tap.html its abt listening to 'tap' and calling changePage from listener... the second page is having some input fields, 'tap' event is bubbling/propagating to second page and focus is randomly set to input fields... I read similar issues and want to know anybody experienced same issue and got a workaround for it.... Or I must use only 'click' ?
listview - data-filter in a white box?
Hi there, I'm using jQuery mobile 1.2 in my project. I've got the following question: What can I do to remove the white box surrounding the data-filter element? It should show the background instead of the white box. This is how it looks like: And this is my code (snippet): <div data-role="content"> <ul data-role="listview" id="listAllItems" data-filter="true" data-filter-theme="c" data-divider-theme="a" data-inset="true"> <li data-role='list-divider' data-role='heading'>Bisherige
Input text events for Firefox on Android
I use an input text catching the "keyup" event : $("#myinput").on("keyup", function(event) { var val = $(event.currentTarget).val(); ... }); So I get a new typed value at every character typed, including backspace ou CR (that I can test by : if (event.keyCode == 13) ...) Eveything works fine on all browsers I tested ... except one : Aurora (Firefox) browser on Android (4.0) running on my tab (but Chrome works well). The only event that I may catch is "change" but the application behaviour is really
random white screen after page change with 1.3 beta
our app is moderately complicated using backbone, underscore, jquery mobile, iscroll and other plug ins. recently we moved to jqm 1.3 beta 1 in order to support panels. Since then we have had a lot of issues with transitions between pages not completing - the result being a white screen. It appears that the page has rendered correctly but that the display style on the page is set to none. disabling this in firebug or similar shows the correct contents of the page. We've reverted to 1.2 to attempt
Expand a collapsible from the URL?
Is it possible to expand a collapsible from the URL? Like this: <div data-role="collapsible" data-collapsed="true" id="show_data"> </div> .../mysite#show_data
Ajax driven Tables in 1.3 beta
I'm enjoying playing with the 1.3 beta - nice work to the dev team :) I'm wondering if there are any plans to support ajax driven row content for tables? I tried a few quick experiments to add rows dynamically but I couldn't find any documentation for a 'create' or 'refresh' method to re-style rows after insert. Thx,
1.0a4.1 date picker mindate
I'm using jquery mobile datepicker 1.0a4.1. but I can't changed minDate in any page. I created two datepicker. I want when I selected a dete in first datepicker,the second datepicker's mindate should be this selected date. How can I do it?
Self submitting ajax form in dialog fail
Hello It seems that if there is a self submitting form in dialog with POST as method, there will be no post request when submitting the form. How to reproduce: - Create a dialog - Create a form inside the dialog, with method=post, and action to same page that form itself is (self-submitting). - Submit the form - You will notice that there will be NO post to the server, there will happen "pagebeforechange" etc. events, but no animations etc. visible change to user occur.
How can I catch ajax start event in JqueryMobile ?
Hi all, I tried to catch ajax start event in a JQueryMobile app as below: $(document).live("ajaxStart", function () { alert('aa'); }); But it doesn't work ... Any ideas for me? Thanks,
hide elements when smaller screen pls help
the following JS does work, somehow, but i have a sense that something is inherently wrong with the condition. could you pls help me sort it out? Here's the simple html. I want the age distinction (adult vs child) to be out of the screen when it can not contain too many elements. <div align="center"> <select data-role="slider"> <option value="off" >man</option> <option value="on"> woman</option>
What's the quick and dirty for turning off all page caching in jquery mobile?
I'd like a to just place a single bit of code on several pages that are dynamic. I've checked out several solutions posted by users and none of them seem to be working for me. I'm on Jquery Mobile 1.3 beta. Any easy solution to this without getting a technical devil's advocate? Thanks!
jQuery mobile events not working
Can anybody tell me why the jquery mobile events like tab or tabhold are not working for me? touchmove, touchstart and touchend are just working fine but the jquery ones arent.. <head> <script type="text/javascript"> $(document).on("pageinit", function () { init(); } ); </script> </head> function init() { ... setEventHandler(); } function setEventHandler() { $(".block").on("tabhold",
fail to load a page
I'm using jQuery mobile 1.2, jQuery 1.8 and phonegap 2.1 . The app is single page templates, so $.mobile.changePage("page.html") is used to navigate between pages . Everything is fine, but all suddely, changePage just stop working and do nothing and can't go to any other page . Just display "Failed to load resource. The request URL is not found on this server" in safari debugger . After that happen, the app must be restarted otherwise it gets stuck on that page .
Blackberry URL not being cleaned up on pushstate
I'm having trouble using JQM with my Blackberry. JQM just keeps appending the hash value to the URL without cleaning it first, this even happens on the JQM site: 1. Docs http://jquerymobile.com/demos/1.2.0/ 2. (Docs)->Listviews http://jquerymobile.com/demos/1.2.0/#/demos/1.2.0/docs/lists/index.html 3. (Docs)->(Listviews)->Numbered http://jquerymobile.com/demos/1.2.0/docs/lists/index.html#/demos/1.2.0/docs/lists/lists-ol.html It also does this with a site I'm developing using 1.3.0 Beta. Blackberry
bypass navbar and grid 5 columns limitation
in navbar and grid, seems max columns(buttons) is 5, how can I add more buttons but in a line ?
# added to URLs
Hi All, I just updated to 1.3.0 and I noticed that # is always added to the URLs. I encountered the problem in google chrome and safari but not in firefox. Here is the URL: http://m.nearbyph.com/streetnames If you click on the link, after the page load, a # is added to URL. All my links has data-ajax="false". Thanks...
select menu ... options not working when I bind to pageinit
hello; I am new so please be patient. I have a select menu that I am using jquery mobile to turn into a dropdown. when I do: <select ... data-SOME_OPTION = 'SOME_VALUE' > it behaves as expected. but if I add that same option/value to: $(document).bind('pageinit', function () { $('select').selectmenu({ corners: false });}); it does not work. EDIT: $(document).bind('pageinit', alert('hello') ); does work see it here: jsfiddle thanks, Shannon
Man page style docs?
Is there some other docs that have everything laid out like what's all in the mobile object for reference? All the methods and properties and their possible values (options), return values, and such? Also, what all plugins were combined to make jQuery Mobile so far?
Jquery mobile R&D - how to customise the CSS
Hi Guys, We are running a (desktop) e-commerce site which is pretty large (in terms of coding and different sections), on the Zend Framework. We are now planning a mobile-optimised website, and we are researching into Jquery Mobile. We are trying two things to decide which path we should choose. 1) Using a Jquery mobile theme to build our HTML, and then customise it from there. OR 2) Build our own theme. At the moment I'm experimenting with 2) building our own theme. I found issues on customizing
Select box in jquery mobile not showing proper selected value but giving proper value.
Hi all, In my webpage I am creating select box dynamically by providing functionality of add button which will add row. The data binding to select box from web service is proper. But when I select particular value from select box then it is not showing the selected value in select box and surprisingly I can get actual selected value when I call $("selectid").val() function. Please help me to solve this issue.
Jquerymobile NestedList
Hi, I need to implement a checkbox tree with tri state functionality in jquery mobile 1.2.0. Any ideas will be appreciated.
swipe functionality not working on click of next button
i downloaded the jquery.mobile-1.0b3.zip and used the swipe example from it.... i implemented my home screen in it.... when i click the next button it does not swipe to next page.... what is the issue..... http://jsfiddle.net/SV8CM/2/ providing my code below... Previous Next
swipe carousel and cube display in jquery mobile
I am not able to see my cube in carousel of jquery mobile.... without carousel the cube animation works fine.... working code http://jsfiddle.net/SV8CM/2/embedded/result/ bug in the fiddle...not working http://jsfiddle.net/yxhzU/5132/
3d cube doesn't show in jquery mobile
in the jquery mobile carousel i added menu screen which is a rotation cube icon.... i dont see my cube in my slider but my cube works fine in the desktop this is the normal working site in desktop with cube animation http://intra.defie.co/ the cube does not show here providing my fiddle below http://jsfiddle.net/yxhzU/5124/embedded/result/ <div class="melonhtml5_gallery"> <div data-caption="<a style='margin-left: 92px; font-size: 18px; color: grey;' href='http://www.w3schools.com/' >Create</a>
demo html swipe does not work
Hi, I downloaded jquery.mobile-1.3.0-beta.1 from this site.... when i opened the swipe folder from demos folder none of the swipe functionality works.... when i click the right button it shows me error in loading the page..... file:///C:/Users/Admin/Desktop/jquery.mobile-1.3.0-beta.1/demos/docs/demos/swipe/newyork.html C:\Users\Admin\Desktop\jquery.mobile-1.3.0-beta.1\demos\docs\demos\swipe how to fix the bug
Push & Reveal Panels @1.3Beta
I believe the toggle method of the left side push panel (at least at the demo) is not implemented properly. Once the panel is fired by data-display="push" and then (in demo) toggled/closed by Reveal button it explodes the whole display. It won't be a real issue in live application but it is something that needs to be fixed. I haven't tested extensively if it is just the code of the jQM demo or the API.
sliding functionality for iphone website using jquery mobile
i am planning to implement the same site for mobile.... with left half of the website visible in the home screen and another half visible after sliding the first half of the website... here there are two columns under class span5.... is this possible to achieve in jquery mobile phones...... i achieved it in desktop..... http://jsfiddle.net/Hpvan/embedded/result/
Is it possible to add custom values to the hashtag in jquery mobile?
I have a page that is loaded normally using ajax navigation. I have a button that makes a.ajax() call to dynamically load a list with results. I would like to store a couple of values within the hashtag so that if the user's browser refreshes then I can pull these values off of the hashtag such as where they are on the page (vertical position). In my ajax call i set window.location.hash='<The values I want to store>' and the hashtag is correctly set. If I refresh the browser then it loads the
Transitions and Dynamic Html
Hello, Is it possible to use transitions with dynamic html i.e. do a slide transition when updating the screen using $('#myDiv').html(data); ? I can't use $.mobile.changePage("myPage", "myTransition"); because the content is not known in ahead of time. Thanks, M
JQuery Mobile exception when adding dialog
Hi (I may not be doing this correctly) - I am trying to and having problems navigating to a page in my JQuery Mobile (JQM) application when trying to load the page as a dialog using "changePage()". I have looked around and have tried a few alternatives with no luck :( E.g. I have a login page that opens successfully as a dialog on the application init: $.mobile.changePage(page, {transition: 'pop', role: 'dialog' }); the login screen has a login button, which when clocked forwards to a normal (non
Maintain List-view Position using iOS 4.3
Hi! I'm building an iPhone-app with Phonegap and jQuery Mobile. I have a list-view with multiple entries, linking to a detail-site for every entry. With iOS > 4.3, when i navigate back from detail-page to list-view, i get back to the old position, where the entry was choosen. With iOS 4.3 that doesn't works. (I also had a problem with fixed header and iOS 4.3 but solved it with the polyfill fix) Is there a workaround for this problem too? Thank you!
jQuery mobile and requirejs
I'd like to use requirejs with jQM, but can't work out how to get round this problem.... I want to define a module to use like this require([...,'jquerymobile,...], function(...) { $(...).on('pagebeforeshow', function () { <run code from my module>; }); }). My code depends on jQM, BUT the above function is called AFTER the first page is is loaded and the 'pagebeforeshow' event is fired, so that my code never runs. The problem is that, as requirejs is asynchronous, its not just a question of dependencies
Which browser is the most representative of the outcome apps later achieved with eclipse, phonegap, xcode?
Each of the the big browsers, ie opera chrome firefox happens to show jqm apps differently. Which of them is the most representative of the export apps achieved with eclipse, phonegap, xCode?
Problem with map and different pages.
Hi. i'm your worst nightmare, a newbie :D This is my problem: I'm using gmap3 to load maps on two different pages. On the first page (index.html) the map works correctly, but when i go to second page the map doesn't appear. this is a link to see my issue -> click here and click to the button "Mappa" And this is the code: Index.html <!DOCTYPE html> <html> <head> <title>page1</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="jqm/mango.css"
Why is listview such a mess?
Hello, again: why this listview implementation? I mean, this <li data-theme="f" id="'+someid+'"><a>'+something+'</a></li>'; becomes this !!! <li data-theme="f" id="2" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" class="ui-btn ui-btn-up-f ui-btn-icon-right ui-li-has-arrow ui-li"> <div class="ui-btn-inner ui-li"> <div class="ui-btn-text"> <a class="ui-link-inherit"> the place something </a> </div> <span class="ui-icon
jqm-modalpopup
Hello everyone, i'm using jquery-mobile since a year right now and this is my first ( of a series ) plugin for it: https://github.com/izifortune/jqm-modalpopup It's a plugin for generate a modal popup from a empty div. Let me know what you think.
Refreshing Select Menu Fails
Hi All, I am doing some experiments with dynamically generated Select Menus in a mobile environment (Phonegap 2.3/iOS 5.0 Simulator/jQuery 1.8.3/JQuery Mobile 1.2.0). This test app generates 2 dropdown menus and populates them using local databases. The first menu updates the second menu onChange (select tag attribute) event. Both menus have the jQuery Mobile enhanced style at the page load. However, the second menu loses its enhanced style after being updated by the first menu and turn into native
Next Page