Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery旋转函数与jcrop_Jquery_Jcrop - Fatal编程技术网

jQuery旋转函数与jcrop

jQuery旋转函数与jcrop,jquery,jcrop,Jquery,Jcrop,我将jcrop与jquery一起使用,但也希望使用jQueryRotate(2.2)。裁剪工作正常,但旋转不工作。我有两个按钮1)裁剪和一个用于旋转。旋转将顺时针和逆时针旋转图像 <form> <input type="hidden" size="4" id="x1" name="x" /> <input type="hidden" size="4" id="y1" name="y" /> <input type="hidden" size="4" id

我将jcrop与jquery一起使用,但也希望使用jQueryRotate(2.2)。裁剪工作正常,但旋转不工作。我有两个按钮1)裁剪和一个用于旋转。旋转将顺时针和逆时针旋转图像

<form>
<input type="hidden" size="4" id="x1" name="x" />
<input type="hidden" size="4" id="y1" name="y" />
<input type="hidden" size="4" id="x2" name="x2" />
<input type="hidden" size="4" id="y2" name="y2" />
<input  type="hidden" size="4" id="w" name="w" />
<input type="hidden" size="4" id="h" name="h" />
<img src="test.jpg" id="photo"  >
 <input type="submit" name="sub12" value="Save Cropped Image" class="save" />
<input type="button" name="rotate1" value="Rotata" onclick="javascript:rot1()"   />
</form>

jQuery(function($){
$('#photo').Jcrop()

});

function rot1()
{
   $("#photo").rotate(45);
}

jQuery(函数($){
$('#photo').Jcrop()
});
函数rot1()
{
$(“照片”)。旋转(45);
}

请帮助

您可以尝试这样使用:

jQuery(function(){

  $('#photo').Jcrop();

  $("input[name='rotate1']").click(function() {
     $("#photo").rotate(45);
     return false;
  });
});

您可以尝试这样使用:

jQuery(function(){

  $('#photo').Jcrop();

  $("input[name='rotate1']").click(function() {
     $("#photo").rotate(45);
     return false;
  });
});

代码似乎没有任何明显的错误。浏览器控制台窗口中是否有错误消息?javascript是否在
标记中?还是像你问题中的代码一样出现在页面中?如果不是,那就是问题所在。而且在
onclick
attribute中不需要
javascript:
,代码似乎没有任何明显的错误。浏览器控制台窗口中是否有错误消息?javascript是否在
标记中?还是像你问题中的代码一样出现在页面中?如果不是,那就是问题所在。而且在
onclick
attribute中不需要
javascript:
,Google Chrome控制台怎么说?按F12并选择
Console
window。使用Firebug中的Console窗口,如果您还没有该窗口,您现在将安装它。实际上,它可以独立工作,但使用jcrop时会出现问题。错误控制台显示无错误(FF)是不可能的,因为JS是客户端而不是服务器端。请检查PHP代码或安全服务器设置。Google Chrome控制台怎么说?按F12并选择
Console
window。使用Firebug中的Console窗口,如果您还没有该窗口,您现在将安装它。实际上,它可以独立工作,但使用jcrop时会出现问题。错误控制台显示无错误(FF)是不可能的,因为JS是客户端而不是服务器端。请检查PHP代码或安全服务器设置。