jquery-mobile

Parallax scrolling not working on mobile css

一曲冷凌霜 提交于 2020-01-11 06:28:05
问题 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

jQuery Mobile displays hidden select element

一世执手 提交于 2020-01-11 04:51:06
问题 See this select element with display:none . In jQuery Mobile it is displayed despite this: <select id="dddd" name="dddd" data-mini="true" data-native-menu="false" data-theme="c" onChange="" style="display:none"> <option value="1">An optinos</option> </select> I'm trying to show/hide jQuery Mobile select elements dependent on other user actions hence why I'm doing the above. Any ideas? 回答1: When your page loads, jQuery Mobile enhances your page to have it the mobile look-and-feel.

How to show the second page as the default page in a jQuery mobile Multi-page template structure?

让人想犯罪 __ 提交于 2020-01-11 02:08:42
问题 How can I show the second page as the default page in a jQuery mobile Multi-page template structure? <body> <div data-role="page" id="foo"> <div data-role="header"> <h1>Foo</h1> </div> <div data-role="content"> <p>I'm first in the source order so I'm shown as the page.</p> </div> </div> <div data-role="page" id="home"> <div data-role="header"> <h1>Home</h1> </div> <div data-role="content"> <p>I'm the second in the source order so I'm hidden when the page loads. I'm just shown if a link that

jQuery Mobile: data-rel=“back” + data-transition does not work?

微笑、不失礼 提交于 2020-01-10 20:09:50
问题 I created a jsfiddle that enables tabs using the navbar without changing the url hash: http://jsfiddle.net/ryanhaney/eLENj/ 1) If I click on the "page 1" link from the home page, followed by clicking the "back" button, I get the reverse slide animation as expected. 2) If I click on the "page 1" link from the home page, then click on "page 2" or "page 3" (in the footer navbar), then click on the "back" button....there is no transition. If I follow scenario #2 after changing the "$.mobile

Is the jQuery mobile the best UI framework to integrate with PhoneGap? Or should I use Ionic? [closed]

拈花ヽ惹草 提交于 2020-01-10 14:11:00
问题 Closed . This question is opinion-based. It is not currently accepting answers. Want to improve this question? Update the question so it can be answered with facts and citations by editing this post. Closed 4 years ago . I wanna to use PhoneGap to starting an enterprise application, but don't know which of all the mobile UI frameworks is the best to integrate with the project? i'm new to PhoneGap. 回答1: If you want to choose between jQuery Mobile and Ionic Framework I would advise you to pick

Using longclick/taphold with Google Maps in jQuery Mobile?

孤者浪人 提交于 2020-01-10 08:27:09
问题 I'm using Google Maps with jQuery Mobile. I can bind a click event to the map easily enough, but is there a way to bind a long click? I'd like to add a marker to the map following a long click. I can use jQuery Mobile's 'taphold', designed especially for long clicks, but that doesn't give me a way to access map properties such as the latlng of the tap: $('#map-canvas').bind('taphold', function(e) { console.log('taphold'); e.stopImmediatePropagation(); return false; } ); Conversely, I can use

jQuery Mobile -> Page Lifecycle?

坚强是说给别人听的谎言 提交于 2020-01-10 07:34:10
问题 Is there something like a lifecycle for jQuery Mobile pages? Like events that get fired on init, show, hide/back, or whatever events?! Thanks in advance! 回答1: Intro All information found here can also be found in my blog ARTICLE , you will also find working examples. During the page transition: event pagebeforecreate event pagecreate Best event if you want to dynamically add page content and let jQuery Mobile style yout new content. Don't use it in case of ajax call, pagebefore show should be

Phonegap platform add android

不问归期 提交于 2020-01-10 05:46:07
问题 I am having problem with Phonegap. When I want to add platform with following commands got error: $ export PATH=${PATH}:/ProgramFiles/Android/adt-bundle-linux-x86_64-20140321/sdk/platform-tools:/ProgramFiles/Android/adt-bundle-linux-x86_64-20140321/sdk/tools $ cordova create hello com.example.hello "HelloWorld" Creating a new cordova project with name "HelloWorld" and id "com.example.hello" at location "/home/matjazmav/hello" $ cd hello /hello$ cordova platform add android Creating android

Jquery Mobile automatically adds &nbsp

耗尽温柔 提交于 2020-01-10 03:43:12
问题 i've got this code using Jquery Mobile : <div role="main" class="ui-content"> <form action="/" method="post"> <fieldset data-role="controlgroup"> <input type="checkbox" name="checkbox-1a" id="checkbox-1a" checked=""> <label for="checkbox-1a">Cheetos</label> <input type="checkbox" name="checkbox-2a" id="checkbox-2a"> <label for="checkbox-2a">Doritos</label> <input type="checkbox" name="checkbox-3a" id="checkbox-3a"> <label for="checkbox-3a">Fritos</label> <input type="checkbox" name="checkbox

How to remove page background for Jquery Mobile Dialog?

£可爱£侵袭症+ 提交于 2020-01-10 02:04:30
问题 The dialog itself only occupies about 10% of the page and I wanted to remove or turn the dialog's page background into transparent so that the previous page will still be visible. This is the js that calls the dialog: $.mobile.changePage('#popdiv',{transition:'slide', role:'dialog'}); and this is the div <div data-role="page" id="popdiv" data-role="page" data-theme="e"> <div data-role="content"> <h1>Congrats!</h1> </div> </div> I tried using custom css but it doesn't seem to change anything