Jcrop 插件不适用于调整大小功能答案

【问题标题】：Jcrop plugin isn't working with resize functionJcrop 插件不适用于调整大小功能
【发布时间】：2012-11-10 03:17:22
【问题描述】：

我的 Jcrop 插件无法正常工作。

我可以选择要裁剪的区域，但边缘没有调整大小的小方块。我不知道这是特定功能还是默认设置。

这就是我的意思。我的裁剪区域现在看起来像这样：

我的裁剪背景是红色的，选择的区域有原来的颜色，但奇怪的是没有像这张图片那样调整大小的正方形：

我的代码如下所示：

头部：

<head>
    <title>Het Vergeet-mij-nietje</title>
    <script type="text/javascript" src="js/showfunctie.js"></script>
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.Jcrop.min.js"></script>
    <link rel="stylesheet" href="style/css/demos.css" type="text/css" />

    <script language="Javascript">
        jQuery(function($){

          var jcrop_api;

          $('#cropbox').Jcrop({
            bgColor: 'red'
          },function(){
            jcrop_api = this;
          });

          $('#animbutton').click(function(e){
            jcrop_api.animateTo([ 120,120,80,80 ]);
            return false;
          });

          $('#delselect').click(function(e){
            jcrop_api.release();
            return false;
          });

        });
        </script>
</head>

我的图片代码：

 <div id="content1">
 <?php 
     $target = "uploads/"; 
     $target = $_POST["imagesource"];        
     $target = $target . basename( $_FILES['filename']['name']) ; 
     $ok=1; 
     if(move_uploaded_file($_FILES['filename']['tmp_name'], $target)) 
     {
     echo "De afbeelding *". basename( $_FILES['filename']['name']). "* is geupload naar de map 'uploads'";
     } 
     else {
     echo "Sorry, er is een probleem met het uploaden van de afbeelding.";
     }
 ?> 
 <br /> <br />

 <img id="cropbox" src="<?php echo $target ?>" width="400px" />

 <br /> <br />
</div>

我希望有人知道问题所在:)

【问题讨论】：

链接到有问题的页面会有所帮助
我无法让小提琴正常工作。 jsfiddle.net/94JSs/1
已经解决了，请看下面的评论:)

标签： php jquery html resize jcrop

【解决方案1】：

你看过thisJCrop 样式示例吗？可能是 CSS 问题？

你有你的代码的一个活生生的例子吗？

【讨论】：

我犯了一个非常愚蠢的错误。由于某种原因，我的 jquery.jcrop.css 文件不起作用。但现在它通过在 head 标签中再次调用它来实现。谢谢你的回答，没有这个答案我不知道你的问题是+1 :)
@KeesSonnema 我很高兴能帮上忙 :)