JCrop - 无法移动选择

7

我有一个简单的jcrop示例,但似乎无法弄清如何移动选择。我以为可能是JQuery库的问题,但我正在使用v1.3.2,这是演示所使用的版本。我在另一个网站上使用了jcrop,当我打开它时一切正常。我尝试将allowMove选项设置为true,但仍然不起作用。我错过了什么吗?

<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>
1个回答

24

我知道这个问题有点老了,但还没有答案。

你需要引入随脚本附带的CSS文件,它会设置覆盖层和gif动画。


非常感谢......我没有这个确切的问题,但我在我的 CSS 文件中找到了错误 :) - peter.o
今天仍然有一些人可能会忘记添加CSS :D。谢谢。 - Ganbin

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接