jquery-mobile

问题 I am doing a mobile html5 / jquery quiz where I preload all the questions from the server into one html file, then have buttons to move back and forth between the questions. Works nice, but now I am needing to skip certain questions if the person answers "no" via a radio yes/no input to question 20, then 21 and 22, doesn't need to be shown. How can I do this? this is the code snipplet I been using: JSFIDDLE: http://jsfiddle.net/gN9Xg/ Want to skip over question 2 if the person answers "no" on

问题 I have a jQuery Mobile Panel that's not behaving properly (in PhoneGap if the matters). <div data-role="panel" id="nav-popup-menu" data-position="left" data-transition="slide" data-display="overlay" data-dismissible="true"> <button class="search">Search</button> </div> .ui-panel { background-color: rgba(0,0,0,0.5) !important; width: 200px; } <a href="#nav-popup-menu" data-role="button" data-icon="gear" style="background-color: #f6f5f4; border-color: #f6f5f4; color: #f6f5f4; ">|</a> Based on

问题 I have a JQuery Mobile Tab Bar that is not behaving as expected: <footer data-role="footer" data-theme="a" data-position="fixed" data-tap-toggle="false"> <nav data-role="navbar"> <ul> <li><a href="#landmarks" id="LandmarksTab" data-icon="custom" class="ui-btn-active">Landmarks</a></li> <li><a href="#map" id="MapTab" data-icon="custom">Map</a></li> <li><a href="#more" id="MoreTab" data-icon="custom">More</a></li> </ul> </nav> </footer> When the tab bar initially loads, it looks normal, however

问题 I have an edit form filled with jQuery Mobile inputs like Text-Inputs, Sliders, Checkboxes and Buttons. When the form first shows, the content (Model) to be edited is fetched. Before I start fetching, I disable all form elements to prevent the user from doing anything while the content (Model) is being fetched. Only the cancel button should work. "Disabled" means greyed out and not clickable for me. After the form has finished loading, I enable the form elements again. Currently, I can only

问题 Using jSignature (https://github.com/willowsystems/jSignature) within a PhoneGap, JQuery Mobile application. When trying to sign in the content div using the Samsung Galaxy S4 the drawn line is not displaying. The signature is there when I pull the data but is for some reason not displaying. Any ideas why this might be? It has been working on other devices such as Samsung Galaxy S3, iPhone, and iPad. <script> var signatureContentDiv = $("#signatureContentDiv"); signatureContentDiv.html("");

问题 This issue occurs to me twice, when using bootstrap 3 modal box, when modal box pops up, browser scroll bar appears in chrome desktop and it causes background content shake for about 0.5 sec to become static again. In mobile device however, as mobile browser desn't show scrollbar like windows chrome, people viewing in those browsers won't see this issue. the valid hack I found for bootstrap modal issue is by applying css override like below: .modal-open { overflow: hidden; width: calc(100% -

问题 I'm using jquery-mobile and jquery-ui and it seems the dialogs or conflicting with each other. I would like to use jquery-ui for my dialogs but am not sure how to get jquery.noConflicts() to work with both. I have a single listener file called mobileListeners.js with this piece of code that I am trying to get working with jquery-ui dialog. My jquery-ui is scoped with .jqui-custom $('<div data-role="none" class="jqui-custom"></div>') .html('<p><span class="jqui-custom ui-icon ui-icon-alert"

问题 I have a JQM 1.4.2 filterable listview which contain entries in different languages. I would like to search only within items code, not the whole description, whereby i set the data-filtertext for list items to the item code, e.g. "Apple" or "Banana". This works ok but now i need an additional language filter, e.g. "EN", "DE", and so on: ... <li data-filtertext="Apple language_en"> <h2>Title</h2> <p>Red fruit</p> <p class="ui-li-aside"><strong>EN</strong></p> </li> ... ... <li data-filtertext

问题 In my Jqmobile code, i am trying to transit pages by applying data-transition="slide" for anchor links.. The Problem is that the linked pages have custom jquery coded by myself... When i hit an anchor with data-transition="slide" and href then it surely transit but the linked page custom jquery scripts do not run... I tried using data-ajax-"false" but in this case custom script runs but not data-transition="slide" ... I want both together to run... Can it be possible...?? Here is the simple

问题 I have a web site template that I really like but I want to use some of jquery mobiles functionality such as their page transitions. Can I use my existing website template along with jquery mobile framework without doing anything extensive? The current template is made with html5 in mind along with jquery. Jquery Mobile Im referring to is here: http://jquerymobile.com/ 回答1: HTML5 and jQuery are pretty much compatible for migration to a jQuery mobile scenario. If your controls are not