jquery-mobile

How to design swipe page navigation?

丶灬走出姿态 提交于 2019-12-14 02:32:28
问题 We want to use several pages with horizontal transitions that will be triggered with swipe events. I guess this is quiet common, but what I could not find is a good way to indicate to the user, that there is another page which can be reached with a right swipe. So my questions are: 1) Is there a JQuery Mobile demo somewhere with a good solution to this? It wouldn't be elegant to spell out "swipe right to see contacts" to the user. 2) I think the Windows Phone Panoramas solve this nicely by

Is there a way to stop JQuery Mobile from Duplicating Events?

£可爱£侵袭症+ 提交于 2019-12-14 01:57:33
问题 I am attaching a click event to an image on my page. $('.ui-block-b img').click(function(event) {} I am using a jQuery mobile fixed footer. I have tried to initialize this using both the pagecreate and pageinit event. When I click on the links (being loaded with Ajax) in the footer and then come back to the page with the click handler the pagecreate and pageinit are being refired. This is attaching another click event, so when I click on the image 2 events are being fired. I am wondering is

href vs scripted page transitions and button highlighting

≡放荡痞女 提交于 2019-12-14 01:41:31
问题 I am building a number of jQuery Mobile SPAs along with knockout.js and in general having great success. I did notice what is mostly a cosmetic issue an now hope to solve it. Anchor tags that link via href produce a nice button highlight (in blue for the default theme) affect during a page transition but navigation via knockout's click binding / $.mobile.changePage produces no such highlight. I realize this likely has nothing to do with knockout. Is there any general purpose way that scripted

Saving Scroll Postion with jQuery Mobile 1.3 List view

瘦欲@ 提交于 2019-12-14 01:33:32
问题 I have quite a bit of research on this have not been able to find a solution. I am using jquery mobile 1.3 I have a dynamic nested list view that is populated from a database, as user is browsing the list view- user scrolls down, on clicking back, the user is not returned to the last position, it goes to top of the screen. Is there any way I can get the scroll position when user is browsing the nested list view and save it so when user clicks back I can use that can call $.mobile.silentScroll

Device layouts using media query - portrait on phones, both on tablets

浪子不回头ぞ 提交于 2019-12-14 00:41:28
问题 I have an Android mobile app created with jQuery Mobile and PhoneGap. I would like to have 3 separate layouts depending on device and orientation: Portrait phone - on smartphones I want to use always portrait layout Portrait tablet - different than on phone Landscape tablet Is this possible to achieve with CSS media queries? I know changing layouts is possible, but not sure how to force portrait layout only for smartphones and at the same time allow landscape for tablets. 回答1: Most of the

Where can i get the standalone parts of jQuery Mobile?

蹲街弑〆低调 提交于 2019-12-14 00:40:16
问题 Is there a place (website) where I can the the standalone parts of jQuery Mobile? I'm interested in the radiobutton. I don't want to use jQuery Mobile as I'm already using jQTouch. 回答1: jQM is now decoupled: http://jquerymobile.com/blog/2011/08/03/jquery-mobile-beta-2-released/ Widgets: Now decoupled for flexible builds We’ve wanted to decouple all our widgets from the page plugin for a long time now and we’re happy to announce that we finally landed this change. So what exactly does

Jquery mobile device rotation shrinks the screen

徘徊边缘 提交于 2019-12-14 00:33:50
问题 So I am having an issue with JQM and device rotation on the iOS products. When the user spins the screen, it doesn't resize to fill. I have this line in the head which handles the display size: <meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0,maximum-scale=1.0" > Does anyone know why the iPhones are not handling the screen rotation properly? It works fine on my android. 回答1: Figured it out lol. in my head, I was doing this: <meta name="viewport" content

Issue in footable while adding dynamic data

◇◆丶佛笑我妖孽 提交于 2019-12-14 00:16:37
问题 I need a little help in jQuery Mobile Foo Table. I am adding data dynamically in a table. HTML: <table id="tblSRNDetails" class="footable"> <thead> <tr> <th data-class="expand">SRN</th> <th >Failure Date</th> <th >Complaint Report Date</th> <th>Promised Date</th> <th >Customer Name</th> <th >Log Time</th> <th >Create FSR</th> <th data-hide="phone,tablet">Days Open</th> <th data-hide="phone,tablet">SRN Allocated Time</th> <th data-hide="phone,tablet"> SRN Status</th> <th data-hide="phone

In MJQ How can i remove hash from the URL?

女生的网名这么多〃 提交于 2019-12-13 21:23:10
问题 i would like to remove the url's with hash to just the without hash urls, even while the click the new page links. as a exaple: in case if i have the url like this: http://localhost/mygame/#interface then it should be like this : http://localhost/mygame/ but, while click on the links, the page has to navigate. for that, i used the function like this : $('a.play').bind('click',function(){ changePage("#interface", "flip", true, false); }); but i am not get the required result, even i removed

Disable device back button on SOME page [jquery mobile / android]

天大地大妈咪最大 提交于 2019-12-13 21:22:58
问题 I need some approach advice on how to handle this. I had multi-pages app, Login page, Register page, After Logged In Page and on... Now I found out, after user logged in, I check the login into and programmatically redirect the user to the After Logged In Main Page. The problem start here, on Android, the user can use the device back button to return to the Login Page which is not logical. The question, how I can prevent Device Back button ONLY on the "After Logged in Page" to avoid user go