As of jQuery Mobile 1.4, $.mobile.changePage() is deprecated and replaced with: $(“:mobile-pagecontainer”).pagecontainer(“change”, “target”, { options }); Shortened… $.mobile.pageContainer.pagecontainer(“change”, “target”, { options }); Even shorter…(1) $(“body”).pagecontainer(“change”, “target”, { options }); Note: target is #page_id or URL. Demo (1) <body> is pageContainer by default, unless $.mobile.pageContainer is modified on mobileinit.
Update I have added a Pure CSS Solution below. I have noticed that .ui-content div doesn’t fill the empty space 100%, it is still missing 2px. Those comes from fixed toolbars header and footer, as they have margin-top: -1px and margin-bottom: -1px respectively. (fiddle) It wasn’t obvious before as both page div and footer have … Read more
There is no ‘jQuery’ magic, just JavaScript timers. var pressTimer; $(“a”).mouseup(function(){ clearTimeout(pressTimer); // Clear timeout return false; }).mousedown(function(){ // Set timeout pressTimer = window.setTimeout(function() { … Your Code …},1000); return false; });
Intro This article can also be found HERE as a part of my blog. How jQuery Mobile handles page changes To understand this situation you need to understand how jQuery Mobile works. It uses ajax to load other pages. First page is loaded normally. Its HEAD and BODY is loaded into the DOM, and they … Read more
checked is a boolean property, so you can directly use it in an if condition <script type=”text/javascript”> function validate() { if (document.getElementById(‘remember’).checked) { alert(“checked”); } else { alert(“You didn’t check it! Let me check it for you.”); } } </script>
Disclaimer: This article can also be found as a part of my blog HERE. Intro: There are several ways of enhancing dynamically created content markup. It is just not enough to dynamically add new content to jQuery Mobile page, new content must be enhanced with classic jQuery Mobile styling. Because this is rather processing heavy … Read more
jQuery Mobile 1.4 Update: My original article was intended for old way of page handling, basically everything before jQuery Mobile 1.4. Old way of handling is now deprecated and it will stay active until (including) jQuery Mobile 1.5, so you can still use everything mentioned below, at least until next year and jQuery Mobile 1.6. … Read more
You are missing the document ready: $( document ).ready(function() { $.get( ….. }); Since the ui-content div isn’t loaded yet there is no place to display the data.
Dynamically added listview elements must have its markup enhanced with this function: $(‘#listviewID’).listview(‘refresh’); Working example: http://jsfiddle.net/Gajotres/LrAyE/ In case you receive this error: cannot call methods on listview prior to initialization Then restyle your listview with this: $(‘#listviewID’).listview().listview(‘refresh’); First listview function will initialize listview and second one will restyle it. But do this ONLY if error … Read more