Javascript JQuery Jcrop没有调整选择大小的函数吗?

Javascript JQuery Jcrop没有调整选择大小的函数吗?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,更新 我想我解决了我的问题,但我想知道有没有更好的办法 我的解决方案是再次调用Jcrop函数,如下所示 $('#target').Jcrop({ setSelect: [100,100,200,200] }); 旧的======================================================================= 正如我们所知,Jcrop有setSelect这个函数来设置select size 但是如果我不能使用这个函数,我怎么能做同样的事情

更新

我想我解决了我的问题,但我想知道有没有更好的办法

我的解决方案是再次调用Jcrop函数,如下所示

$('#target').Jcrop({
    setSelect: [100,100,200,200]
});
旧的=======================================================================

正如我们所知,Jcrop有setSelect这个函数来设置select size

但是如果我不能使用这个函数,我怎么能做同样的事情呢? (勾选此处)

我尝试了我写的这段代码,但当我拖动“选择区域”时,它会自动重新调整大小,我不知道为什么

有人能帮忙吗?非常感谢

JCrop链路

我的代码在这里

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Hello World | Jcrop Demo</title>
  <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />

<script src="../js/jquery.min.js"></script>
<script src="../js/jquery.Jcrop.js"></script>
<script type="text/javascript">
  jQuery(function($){

    // How easy is this??
    $('#target').Jcrop();

  });

</script>
<link rel="stylesheet" href="demo_files/main.css" type="text/css" />
<link rel="stylesheet" href="demo_files/demos.css" type="text/css" />
<link rel="stylesheet" href="../css/jquery.Jcrop.css" type="text/css" />

</head>
<body>
<div id="sp_box">
    <script>
    jQuery(document).ready(function($){
        $("#my_fit").click(function(){
            $(".jcrop-holder div:first").css({"width":"180", "height":"180"});

        });
    });
    </script>
    <a href="#" id="my_fit">Fit Size Here</a>
</div>
<img src="demo_files/sago.jpg" id="target" alt="[Jcrop Example]" />
</body>
</html>

你好,世界| Jcrop演示
jQuery(函数($){
//这有多容易??
$('#target').Jcrop();
});
jQuery(文档).ready(函数($){
$(“#我的拟合”)。单击(函数(){
$(.jcrop holder div:first”).css({“宽度”:“180”,“高度”:“180”});
});
});
编辑:

正如您在编辑的文章中所写,您可以在文档的正文部分重新初始化插件

我在作物中心区域做了一个快速测试。我很确定有一种更优雅的方法可以做到这一点,但它是有效的

编辑结束


不赞成的回答:

不幸的是,我不能评论,我不确定你想做什么。但是为什么不像这样用选项maxSize和aspectRatio初始化jcrop小部件呢

jQuery(function($){
    $('#target').Jcrop({
         aspectRatio: 1,
         maxSize: [180, 180]
    });
});

因为我只能在正文后添加代码,所以我不能编辑标题代码,但我认为我们的方法是一样的(ps:我只想添加一些按钮,比如(适合100x100,适合200x200…等等)对不起,我还没有弄明白。但是关于不同尺寸的按钮,我认为页面上的示例正是您所需要的吗?@plzhelp添加了一个JSFIDLE,其中包含您提到的按钮