2011-11-13 26 views
1

林 + jQuery的iphone觸摸:http://www.midemos.com/demos/iphone/touch/?/iphone/touch/的jQuery(觸摸)切換/滑塊使用的PhoneGap + jQuery的設置窗口

我試着去得到這樣的: ( 「quakeprediction」 鳴叫滑塊)

enter image description here

我基本上想隱藏屏幕外的設置窗口。

當您向左滑動(足夠)時,它將從窗口外部「彈性地」進行動畫處理。

小的jsfiddle視覺顯示原理:http://jsfiddle.net/FzJZk/2/

因爲jQuery的iphone觸控插件,我使用(http://www.midemos.com/demos/iphone/touch/?/iphone/touch/)不支持的jsfiddle不會對「現實世界的例子」工作的鼠標事件。

下面是最新的代碼,我的版本的jsfiddle:

http://jsfiddle.net/kgGes/ 它滑入正常,但是它不具有「橡皮筋效應」動畫。 當我設置「animate:true」時,它只給左邊和右邊的白色邊框,沒有平滑的動畫。 「sticky:true」不會改變任何東西。

請不要拿出使用jQuery UI的例子,我喜歡我使用的jquery iphone touch插件的極小佔用空間。

回答