jquery-mobile

问题 I am trying to change the date format in the JQM UI Datepicker. It's got an input which display's the dates as you change them. I need it to display in dd/mm/yyyy format. Can anyone help please? UPDATE: I'm trying this, but nothing's changing: <script> //reset type=date inputs to text $( document ).bind( "mobileinit", function(){ $.mobile.page.prototype.options.degradeInputs.date = true; }); </script> <script language="javascript"> $(document).ready(function() { $.datepicker.formatDate('dd/mm

问题 I am using jQuery mobile with backbone I have disabled the jquery mobile routing and use backbones which all works well here is that config define(['jquery'], function($){ $(document).bind("mobileinit", function () { $.mobile.ajaxEnabled = false; $.mobile.linkBindingEnabled = false; $.mobile.hashListeningEnabled = false; $.mobile.pushStateEnabled = false; // Remove page from DOM when it's being replaced $('div[data-role="page"]').live('pagehide', function (event, ui) { $(event.currentTarget)

问题 I am using jQuery mobile with backbone I have disabled the jquery mobile routing and use backbones which all works well here is that config define(['jquery'], function($){ $(document).bind("mobileinit", function () { $.mobile.ajaxEnabled = false; $.mobile.linkBindingEnabled = false; $.mobile.hashListeningEnabled = false; $.mobile.pushStateEnabled = false; // Remove page from DOM when it's being replaced $('div[data-role="page"]').live('pagehide', function (event, ui) { $(event.currentTarget)

问题 I have a search dialog that I am popping up and filling with jquery templates. After they make a selection I set a value on the current page. As such I don't need hashTags or anything like that, I just need a pop-up dialog that I can open and close programatically. I am currently opening the dialog with $.mobile.changePage(dialog, { transition: "slide", changeHash: false }); and closing it with dialog.dialog('close'); However, in certain cases (when the page is navigated to), closing the

问题 I am currently developing an application using phonegap,jquery mobile for multiple platforms. I have searched a lot to disable the overscroll effect in phonegap. As per my search this can be achieved by setting the preferences in confix.xml <preference name="DisallowOverscroll" value="true" /> Also i have used the javascript code for allowing the body scroll but this is not working properly. Below is the code that i used to allow the body scroll. .scrollable { overflow: auto; overflow-x:

问题 I ran into a strange problem. I've got a table with a checkbox column. I'm using JQuery Mobile checkboxes. I want a click on a row to be associated with click on the checkbox in this row. JS: $(document).on('pagecreate', function (event) { bindRowClick(); }); function bindRowClick() { $('.productTable').find('tr').click(function () { var chck = $(this).find('td.hyperLink').find('input[type=checkbox]:first'); var chckStatus = chck.is(':checked'); alert("chckStatus 1: " + chckStatus); alert("

问题 I'm developing an application that contains a menu with links to the several pages and I would like to know what's the best way to implement it. One solution is to create the menu on all pages via JavaScript, but it would duplicate menus when it should have just one global to all pages. Another solution would be to create a div outside the framework but this way would not be taking any advantage of the features of the framework. 回答1: At the present version of jQueryMobile 1.0a4.1 the only

问题 I'm trying to update my JQM app from 1.3 to 1.4, and on some element, data-enhance="false" doesn't work anymore… The elements remains enhanced… jsfiddle : http://jsfiddle.net/matthieubrunet/RB9Qw/ <div data-role="page" id="home"> <div data-role="header"> <h1>JQM 1.4.3</h1> </div> <div data-role="content"> <label for="yes">Yes</label> <input type="checkbox" name="yes" id="yes" data-enhance="false" /> </div> </div> I tried to activate the ignoreContentEnabled option, but it doesn't work : $(

问题 I was searching on stackoverflow to find code to swipe between my app and I found the below jquery code. From the answers I read that it works fine, but when I put it on my page, it fails to work. Javascript: $('div.ui-page').live("swipeleft", function () { var nextpage = $(this).next('div[data-role="page"]'); if (nextpage.length > 0) { $.mobile.changePage(nextpage, "slide", false, true); } }); $('div.ui-page').live("swiperight", function () { var prevpage = $(this).prev('div[data-role="page"

问题 I've built my mobile site using the jQuery Mobile UI but I now realize that I need some functionality to be different between it and my desktop site (datepicker dates should be longer on the desktop site, etc). I've looked into Modernizr and matchMedia to help me load separate js files but I can't figure out a nice way for it to work responsively. Modernizr only works (unless I missed something in the doc) on the initial load and I'm having problems with matchMedia executing multiple times as