jquery-mobile

Remove ajax call from regular links with jQuery Mobile

非 Y 不嫁゛ 提交于 2019-12-29 01:36:15
问题 Using jQuery Mobile I would like to disable the ajax call on links within a specific part of the DOM. I do not want to put a data-ajax = false every time I don't want to use the jquerymobile ajax. For example, any link that is a child of 'content': <div class="content"> <a href="http://externalwebsite.com">External Link</a> </div> I would like to add the 'data-ajax = false' onto every link that is a child of 'content' Is there a way to do this with jquery? 回答1: If you want to disable the ajax

Change data-theme in jQuery mobile

天涯浪子 提交于 2019-12-28 17:40:31
问题 I'd like to provide my user some persistent feedback after they've pressed a button (like it's indented or something). I tried: $(this).data('theme','b'); But that doesn't work. Q: Is there a way to show an indented button, or change it's data-theme on the fly? 回答1: I know this is an old question, but I just recently ran into this hurdle myself. The correct way of doing this would be as follows: $(this).buttonMarkup({theme: 'b'}); 回答2: I have been looking for a way to dynamically change the

jQuery Mobile navigate - Why is the state empty?

ε祈祈猫儿з 提交于 2019-12-28 13:55:12
问题 I'm using $.mobile.navigate("#test-page", {id:123}) to navigate to a secondary page. The navigation from page to page works fine.... but the state is empty! The docs clearly show that the state should contain all information I need when the navigation is performed. This is the code I'm using: $(window).on('navigate', function(event, data) { console.log("navigated", data); console.log(data.state.info); console.log(data.state.direction); console.log(data.state.url); console.log(data.state.hash)

jQuery Mobile CSS3 Page Transitions without jQuery Mobile Library

删除回忆录丶 提交于 2019-12-28 12:48:23
问题 I have a mobile app created using HTML/JS(jQuery)/CSS and I'm looking to include page transitions that mimic those found in jQuery Mobile (in specific the flip transition) without the need to include the whole jQuery Mobile Framework. These animations appear to be CSS3 transitions tied to jQuery triggers but I have no idea where to start. Does anyone have any ideas? Any help would be greatly appreciated! 回答1: Download the non-minified version of the CSS file for jQuery Mobile and copy out the

jQuery Mobile CSS3 Page Transitions without jQuery Mobile Library

家住魔仙堡 提交于 2019-12-28 12:47:04
问题 I have a mobile app created using HTML/JS(jQuery)/CSS and I'm looking to include page transitions that mimic those found in jQuery Mobile (in specific the flip transition) without the need to include the whole jQuery Mobile Framework. These animations appear to be CSS3 transitions tied to jQuery triggers but I have no idea where to start. Does anyone have any ideas? Any help would be greatly appreciated! 回答1: Download the non-minified version of the CSS file for jQuery Mobile and copy out the

as in Javascript is not loaded into dom in jquery mobile

青春壹個敷衍的年華 提交于 2019-12-28 07:06:07
问题 I have a page1.html that has a link in it like this: <a href="page2.html">PAGE2</a> A part page2.html is like this: <html> <head> </head> <body> <div data-role="page"> </div> <script src="file1.js"></script> <script src="file.js"></script> </body> </html> And also this: <html> <head> </head> <body> <div data-role="page"> </div> <div data-role="page"> <script src="file1.js"></script> <script src="file.js"></script> </div> </body> </html> These two js files implement some functionality on page2

jQuery Mobile - binding to pageinit event

做~自己de王妃 提交于 2019-12-28 06:46:10
问题 I am trying to understand the following jQuery Mobile example. $( '#aboutPage' ).live( 'pageinit',function(event){ alert( 'This page was just enhanced by jQuery Mobile!' ); }); What is #aboutPage in this context? What is the object pageinit is binding to? 回答1: aboutPage should be the id of the page.(i.e.div with data-role="page" ). live() attaches the funcion you have defined which contains the alert to the pageinit event of aboutPage . pageinit is triggered on a page when the page is

Blinking/flickering with JQM and PhoneGap on Android

痴心易碎 提交于 2019-12-28 05:35:10
问题 I am using PhoneGap 2.2.0 in combination with jQuery Mobile 1.2.0 for my app on the Android platform (version 2.3.3 and up). On the pages I use fixed headers, and no transitions at all. Rest is pretty much standard jQuery. When I am navigating from page to page I get a white blink (entire page), for a brief moment. I searched on the Internet for hours. Failed trying below: Dozens CSS hacks I found on internet. (like: https://github.com/jquery/jquery-mobile/issues/4024 and https://groups

popup window not open in jquery mobile

此生再无相见时 提交于 2019-12-25 18:37:25
问题 I have implemented a script to prevent the link in my mobile app on my ipad. It works fine but I have problem now with the popup I have with jquery mobile. The problem is when I use this script, the popup window doesn´t open anymore. What can I do to open the popup window? The script: (function(document,navigator,standalone) { // prevents links from apps from oppening in mobile safari // this javascript must be the first script in your <head> if ((standalone in navigator) && navigator

Jquery mobile change page to itself

眉间皱痕 提交于 2019-12-25 18:30:54
问题 I have a website built with jquery mobile(Single page). I have something like a wizard: e.g. search -> select -> select -> search -> menu -> search -> search. Basically here are only three pages, but i need to change some of them to itself, like search to search, so it will be in a history and to rise a pageshow event etc... How can i do it? $.mobile.changePage("#page1"); doesn't work in this case: here is an example to playaround. 回答1: Have you tried the allowSamePageTransition option as