jQuery UI Touch Punch set left css？

Question

我想使用jQuery Touch Punch插件來達到以下效果：

我有一個div，它只在我的iPad屏幕左側顯示。現在我想用jQuery Touch Punch將其拉出來。我似乎無法找到如何限制屬性，所以我可以寫如下：

left-keyframe1：0; left-keyframe2：-48％;

我希望你明白。另外，當我拉出來時，我希望它在未拉出超過50％時回放動畫。有沒有關於這方面的一些文件？我似乎無法找到這個。我經歷了所有的例子看着這個網站：

http://touchpunch.furf.com/

提前感謝！

Answer 1

我已經找到了解決辦法：

$('.your-div').draggable(
     { 
      scroll: false, 
      start:function(){$startpos = $(this).position();$(this).css({'transition':'0','-webkit-transition':'0'});}, 
      stop:function(){ 
       $position = $(this).position(); 
       if($position.left > $startpos.left) 
       { 
        $(this).animate({'left':'0'}); 
       } 
       else 
       { 
        $(this).animate({'left':'-52%'}); 
       } 
       $(this).css({'transition':'youramounts','-webkit-transition':'youramounts'}); 
      }, 
       axis:'x' 
      }); 

注：我添加transition:0，因爲我有兩個eventtriggers和過渡與dragfunction衝突。點擊和拖動。所以點擊我改變了CSS並通過轉換做了一個動畫。如果您的元素沒有「過渡」，則不需要包含此元素。