jquery-mobile

问题 in this period,I make some new webApps, but I have a big problem with drag and drop. I write a file manager in javascript, but when on mobile (smartphone, tablet andorid or iOs) I try to work drag and drop, the phone show me the longPress menu (on folder icon for examample) for copy url or image. there is some way in JS to disable longPress on mobile? load image via css, isn't a valid solutions for me. 回答1: -webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */

问题 I have a main menu and a click on the main menu opens a sub menu with multiple items. Below the sub-header is a search-field . I want to fix the search-field below the sub-header so that it doesn't scroll with all the options any longer. I am not sure whether this can be done with CSS. I didn't get it to work by adding overflow-y: scroll to .ui-input-search . $(document).on("pagecreate", "#demo-dialog", function(e) { var form = $("<form><input data-type='search'/></form>"), page = $(this); $(

问题 I'm trying to make a navbar for a phone app on the bottom of the screen, something similar to this: https://dribbble.com/shots/3418526-Poppinz-Navbar-Animation where the add button is a circle icon and a bit higher than the other tabs. Would this be possible with just HTML, CSS, and jQuery Mobile? I'm still learning to code and I have to use jQuery Mobile. How can I achieve this? .nav-icons .ui-btn { padding-top: 50px !important; font-family: 'lato', sans-serif !important; font-size: 18px

问题 I am trying to make the below JSFiddle work for tablet/mobile devices (e.g. 'on touch' as well as 'click'). https://jsfiddle.net/lkw274/7zt1zL0g/87/ <div class="user-navigation"> <a class="mobile-menu-new" href=""><span></span>Menu</a> </div> $(document).ready(function() { $(".user-navigation a.mobile-menu-new").click(function (e) { e.preventDefault(); $(".user-navigation a.mobile-menu-new").toggleClass("current"); }); }); .current { background: #F00;} Expected behaviour: On clicking 'Menu',

问题 I have a form that use jquery mobile to generate. I have a dropdown list that initially set to be disabled. <div data-role="fieldcontain"> <label for="role-edit" class="select">Project Role:</label> <select name="role-edit" id="role-edit" data-native-menu="false" disabled="disabled" class="edit-projectinput"> <option value="Admin">Admin</option> <option value="Project Manager">Project Manager</option> <option value="User">User</option> </select> </div> I would like to enable the disabled

问题 I want to remove delete button in textbox that shows up when you type anything in jQuery mobile. When I click reset button textbox is clear but delete button is not hidden. Here is jsfiddle. html <div id="dvSearch" data-role="fieldcontain" class="ui-hide-label" data-theme="a"> <div class="clsNote">Entrer le nom du membre que vous desirez contacter</div> <label id="lblSearch" for="txtsearch">Search</label> <input type="search" id="txtsearch" data-i18n="[placeholder]attr.placeholderSearch;"

问题 I want to remove delete button in textbox that shows up when you type anything in jQuery mobile. When I click reset button textbox is clear but delete button is not hidden. Here is jsfiddle. html <div id="dvSearch" data-role="fieldcontain" class="ui-hide-label" data-theme="a"> <div class="clsNote">Entrer le nom du membre que vous desirez contacter</div> <label id="lblSearch" for="txtsearch">Search</label> <input type="search" id="txtsearch" data-i18n="[placeholder]attr.placeholderSearch;"

问题 In my Collapsible header I am trying to append an extra anchor tag which is pushed away from the header because this is not supported for JQuery mobile headers. Is there a way to add an extra link/action to the heading of a Collapsible in a neath way? Thanks in advance 回答1: You can inject a button inside the collapsible from the $(document).on("collapsiblecreate") event, but I prefer to use pre-enhanced markup as described here (this should improve performance during page creation). Here is

问题 I have my application which bases on Three.js library. However, it doesn't run on mobile browser when I used WebGLRender. I checked some application from Mr.doob (http://threejs.org/examples/#webgl_panorama_equirectangular). I wonder whether or not mobile browser support three.js or I missed something to run its application on device? Tks 回答1: According to caniusel.com WebGL is completely supported by the following mobile browsers Safari on iOS 8 Blackberry Browser 10 Opera Mobile 22+ Its

问题 I have my application which bases on Three.js library. However, it doesn't run on mobile browser when I used WebGLRender. I checked some application from Mr.doob (http://threejs.org/examples/#webgl_panorama_equirectangular). I wonder whether or not mobile browser support three.js or I missed something to run its application on device? Tks 回答1: According to caniusel.com WebGL is completely supported by the following mobile browsers Safari on iOS 8 Blackberry Browser 10 Opera Mobile 22+ Its