jQuery Transit實現的問題

我正在研究基本上在高級圖像查看器上的原型。我實現了（旋轉，放大，縮小，向左，向右，向上和向下）。當我點擊旋轉時，我遇到了問題，它似乎弄亂了我的方向控制的方向。（實際上它正在做它假設的）。奇怪的是，如果你首先命中一個方向控制，它就會起作用。jQuery Transit實現的問題

你可以得到像'（'rotation'）這樣的值，但我不確定它們是如何處理的，就好像我不確定這個問題。

這是我實現：

var currentScale = 1; 

$(".icon-rotate-right").click(function() { 
    $('#img-contain2').transition({ 
     rotate: '+=90deg' 
    }); 
}); 

$(".icon-chevron-left").click(function() { 
    $('#img-contain2').transition({ 
     x: '-=90' 
    }); 
}); 

$(".icon-chevron-right").click(function() { 
    $('#img-contain2').transition({ 
     x: '+=90' 
    }); 
}); 

$(".icon-chevron-up").click(function() { 
    $('#img-contain2').transition({ 
     y: '-=90', 
    }); 
}); 

$(".icon-plus").click(function() { 
    if (currentScale >= 5) { 
     return false; 

    } else { 

     currentScale++; 
     $('#img-contain2').transition({ 
      scale: '+=1' 
     }); 
     $('#img-contain2').css("margin-top", "-90px"); 
    } 

}); 

$(".icon-minus").click(function() { 
    if (currentScale <= 1) { 
     $('#img-contain2').transition({ 
      scale: '.5' 
     }); 
     $('#img-contain2').css("margin-top", "-240px"); 

     if (currentScale <= 1) { 
      return false; 
     } 

    } else { 
     currentScale--; 
     $('#img-contain2').transition({ 
      scale: '-=1' 
     }); 
     $('#img-contain2').css("margin-top", "-240px"); 

    } 

});

HTML

<div class="inner-contain-main"> 
<div class="viewer"> 
    <div class="control-container"> 
     <i class="icon-rotate-right"></i><i class="icon-plus"></i><i class="icon-minus"></i> 
     <div class="direction-container"><i class="icon-chevron-left"></i><i class="icon-chevron-up"></i><i class="icon-chevron-right"></i></div> 
    </div> 
    <div id="img-contain"> 
     <div id="instructions"> 
     <p>Loading Preparation...</p> 
     </div> 
     <div id="img-contain2"></div> 
    </div> 
</div>

我穿上放大限制器和了，所以這就是原因所在爲條件。

來源

2013-08-06 Justin Freeman

固定它，這似乎工作：

$(".icon-rotate-right").click(function() { 
    $("#img-contain2").transition({ 
     x: "+=0", 
     y: "+=0", 
     rotate: "+=90deg" 
    }); 
});

來源

2013-08-07 20:16:48

jQuery Transit實現的問題

回答

相關問題