2010-03-29 56 views
6

我有一個簡單的jcrop示例,我似乎無法弄清楚如何移動選擇。我認爲它可能是JQuery庫,但我使用v1.3.2,這是演示使用的。我在另一個網站中使用了jcrop,當我提起它時,一切正常。我嘗試將allowMove選項設置爲true,但它仍然無效。我在這裏錯過了什麼嗎?JCrop - 無法移動選擇

<html> 
<head> 
    <script src="./jquery-1.3.2.js" type="text/javascript"></script> 
    <script src="./jquery.Jcrop.min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      //alert('fda'); 
      //SET JCROP OPTIONS 
      jcrop_api = $.Jcrop('#cropPhoto'); 
      jcrop_api.setOptions({ allowMove: true }); 
      jcrop_api.setOptions({ allowResize: false }); 
      jcrop_api.setSelect([0, 0, 200, 200]); 
     }); 
    </script> 
</head> 
<body> 
    <img id="cropPhoto" src="http://www.townattorneygeneral.com/images/CarlPerson019.jpg" alt="randomimage" style="border:1px solid #000000;" /> 
</body> 
</html> 

回答

22

我知道這是一個有點老,但沒有答案如此。

你必須包括腳本附帶的css文件,它會設置覆蓋和gif。

+0

非常感謝...我沒有這個確切的,但我發現我的css文件中的錯誤:) – 2012-07-25 13:15:20

+0

今天仍然有些人可以忘記添加css:D。謝謝。 – Ganbin 2015-07-17 12:46:23