jQuery旋转函数与jcrop
我将jcrop与jquery一起使用,但也希望使用jQueryRotate(2.2)。裁剪工作正常,但旋转不工作。我有两个按钮1)裁剪和一个用于旋转。旋转将顺时针和逆时针旋转图像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
<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代码或安全服务器设置。