jquery-mobile

问题 In jQuery Mobile, I want to have a vertical list of items which the user can select by tapping on them. I want: a filter bar (so the user can first search for a subgroup of the items, and select among these) no inset view (full width, no rounded corners) a checkbox on right hand side which indicates whether the item is currently selected full item surface activates the checkbox This means to combine the behavior of a jQM thumbnail listview with filter (points 1. and 2. above) and a checkbox

问题 How can I link to an external site in jQuery from a button within the header bar ? I have tried below but it is not working. <div data-role="header" data-theme="b"> <h4>Header</h4> <a rel='external' data-ajax="false" href='www.google.com' class='ui-btn-right' data-icon='arrow-l'>Google</a> </div> Fiddle : http://jsfiddle.net/4Bgx7/1461/ 回答1: Prefixing http:// to the href would fix the issue. <a data-rel='external' data-ajax="false" href='http://www.google.com' class='ui-btn-right' data-icon=

问题 Is there a simple way to display retina size images on the correct device and the standard on others? i've been search online a some people suggest using a jscript. Basically I want the 32x32 images to load on. Also what size should a retina icon be, 32, 36 width or higher? In comparison to a 16 standard width icon @media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-resolution:240dpi){ .shopping_icon {background

问题 I'm having some "weird" issue with my code. It's mostly in Spanish but I'm sure you will get. $('#favoritos').live( 'pagecreate',function(event){ var favoritos = false; var fav_bus = ''; var fav_bici = ''; if (!isLocalStorageAvailable()) // Si no hay Local Storage para qué queremos entrar aqui $.mobile.changePage('#errorFavoritos', { transition: "pop" }); else{ $.each(localStorage, function(index){ var itemKey = localStorage.key(index); if (itemKey.indexOf('fav')){ // Si es un favorito var

问题 I am using the jQuery Mobile SimpleDialog (http://dev.jtsage.com/jQM-SimpleDialog/) on a mobile site and I don't quite understand how I could go about implementing it with multiple inputs. Currently I have this: <script type="text/javascript"> $(function() { // $('#createlocation').remove(); }); $(document).delegate('#searchdialog', 'click', function() { $('<div>').simpledialog2({ mode: 'button', headerText: 'Route Search', headerClose: true, buttonPrompt: 'Enter your search:', buttonInput:

问题 I am implementing the a pop up screen .On pop up screen I have one text field and date box .actually on clicking the date box and setting the date the focus goes to upper text field actually i try on fiddle .The issue is created (i don't know why). First go to intex.html click header button(+).This pop up screen open fill text data on that open date box add date it goes to above field..:(same code i write on fiddle but it is not reproduce this. Here is that code https://www.dropbox.com/s

问题 I am using a circular .png with transparency as a custom button icon, but am seeing a square, semi-transparent background around the icon on the Android 4.2.2 browser. It seems to be displaying as expected in all of the browsers that we are targeting, including on the Android 4.1.2 default web browser (tested with Samsung Galaxy S2), except for the Android 4.2.2 default web browser (tested with Samsung Galaxy S4). Screenshots: (Bug) (Expected) jsFiddle Here is a jsFiddle that demonstrates

问题 I have a problem with header & footer while calling one external html page in my index.html page in jquery mobile. Here is the sample code which I am following: index.html <section id="main" data-role="page"> <header data-role="header"> </header> <div data-role="content" class="mainScreen"> <a href="#single" data-theme="e" data-role="button" >Single</a> <a href="sample.html" data-theme="e" data-role="button">Sample</a> <a href="#faq" data-transition="slide" data-theme="e"data-role="button"

问题 I have the following list view in my jQuery mobile 1.4.0 app,each list element has different amount of data displayed in lines , the problem is that if there is an li element contains few data and its height less than the thumbnail height , the remaining part of the thumbnail height will be invisible as appear in the following image , I have made the height of the listview li element greater than its thumbnail height using this code : #EmpList li{ max-height:120px !important; } but it didnt

问题 I'm trying to get a custom error page to display from a MVC4 Mobile Application but keep just getting the "Error Loading Page" yellow message being displayed instead of my custom page. I have tried using the HandleErrorAttribute as below on Actions and Controllers with no success [HandleError(ExceptionType = typeof(SqlException), View = "DatabaseError")] I have also tried overriding the OnException method of my base controller but this also doesn't appear to have any effect. protected