jquery-mobile

问题 i am working on a mobile app using HTML/CSS/JavaScript. I have two select option (drop down menu), one for number of dates and the other one for number of years. I want to be able to see these select options in one line, but no matter what I do, I get a drop down menu (number of dates) on one line and on the next line I get the drop down menu for number of years. Below you can see my codes <div data-role="controlgroup" data-type = "horizontal" > <label for="select-choice-1" >Choose Expiry

问题 Does anyone know why this code might not work? touchmove and touchend do not execute only touchstart because that's a seperate event and function :) $('input').live("touchstart", function (e) {$(this).addClass('click')}); $('input').live("touchmove,touchend", function (e) { if (e.type == 'touchmove'){ $('.temp').removeClass('temp'); $('.click').removeClass('click'); } else{var inputvalue = $(this).val() $('input[value="' + inputvalue + '"] + label').css({ '-webkit-transition': 'opacity 0.3s

问题 This question already has answers here : How to change page in jQuery mobile (1.4 beta)? (2 answers) Closed 2 years ago . my code is like this : <div data-role="page" id="LoginPage"> <div data-role="header"> </div> <div data-role="main" class="ui-content"> <input type="button" value="התחבר" onclick="checkDetails()" /> </div> <div data-role="footer"> </div> </div> now, by the function checkDetail() i need to move to anthor page(below) <div data-role="page" id="HomePage"> <div data-role="header

问题 This question already has answers here : How to change page in jQuery mobile (1.4 beta)? (2 answers) Closed 2 years ago . my code is like this : <div data-role="page" id="LoginPage"> <div data-role="header"> </div> <div data-role="main" class="ui-content"> <input type="button" value="התחבר" onclick="checkDetails()" /> </div> <div data-role="footer"> </div> </div> now, by the function checkDetail() i need to move to anthor page(below) <div data-role="page" id="HomePage"> <div data-role="header

问题 i am using jquery 2.0 with jquery mobile 1.4. if i disable a there is a Frame around the Button. It's still there if i enable the button again. $("#speichern").button({disabled:true}); button tag: <button id="artSave" class="ui-btn ui-icon-plus ui-btn-icon-left ui-corner-all ui-btn-b"> speichern</button> i don't like to use an anchor, because it can't disable the button fully. i also had some drawbacks with picture of frame around the button thanks a lot 回答1: To disable a button or a tags,

问题 I am having a strange issue, but it is not surprising as I am a bit of a JavaScript newbie. Basically I am creating a simple high-low card game. (Draw two cards, highest card wins). Anyways, the code is below. The basic flow of the program is pretty simple. I choose 2 random numbers (1-52). These numbers are mapped to a corresponding card. (i.e. number 1 is the ace of spades, number 37 is the jack of clubs, etc.). Anyways, after drawing the cards, the program is to display the corresponding

问题 I am having a strange issue, but it is not surprising as I am a bit of a JavaScript newbie. Basically I am creating a simple high-low card game. (Draw two cards, highest card wins). Anyways, the code is below. The basic flow of the program is pretty simple. I choose 2 random numbers (1-52). These numbers are mapped to a corresponding card. (i.e. number 1 is the ace of spades, number 37 is the jack of clubs, etc.). Anyways, after drawing the cards, the program is to display the corresponding

问题 I have a collapsible set that I create on my website which looks similar to this: <div data-role="collapsible-set" id="result" style="margin: auto; padding-top: 50px; padding-bottom: 20px;"> <div> <h2> <span style="font-size: 16px; font-weight: bold; white-space: pre-wrap;" id="title' + num + '">abc</span><br> <span style="font-size: 14px; font-weight: normal;" id="author' + num + '"></span> <div style="font-weight: normal;"> <span style="font-style:italic; font-size: 13px;" id="journal' +

问题 I've looked everywhere and tried just about everything, but I can't get rid of this random black bar appearing at the bottom of my PhoneGap App. This is what I am seeing when I run the app: The interesting part is that if I minimize the app and then open it again, it automatically fixes the display and the bottom bar disappears. But why?! How can I get it to not show this bar from the moment the app opens? Also, this does not happen in Chrome on my desktop computer. It only happens after the

问题 My parallax scrolling is not working on mobile devices, both android and iOS. The code works great for desktop but not for mobile, be it any browser. Background images are not scrolling in parallax effect. You can check it here https://dkpyk75z6sfdo.cloudfront.net/ Here goes the CSS code, .home { background: url(assets/images/img1.jpg) no-repeat center center fixed; display: table; height: 100%; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o