Jquery jcrop不使用第三方映像
我试图在通过第三方图像在页面上呈现的图像上使用jquery,但实际上我无法控制该图像:( 我已经能够在jquery中在图像上绘制一个选择,然后使用拖动手柄在图像上更改选择的大小,但我无法用鼠标在图像上实际绘制形状。如果我在图像上拖动形状,则不会绘制框。当我释放鼠标时,一些javascript通过第三方被触发 我想知道你是否能帮我想出一些解决办法。下面是在页面加载时设置图像选择的代码Jquery jcrop不使用第三方映像,jquery,jcrop,Jquery,Jcrop,我试图在通过第三方图像在页面上呈现的图像上使用jquery,但实际上我无法控制该图像:( 我已经能够在jquery中在图像上绘制一个选择,然后使用拖动手柄在图像上更改选择的大小,但我无法用鼠标在图像上实际绘制形状。如果我在图像上拖动形状,则不会绘制框。当我释放鼠标时,一些javascript通过第三方被触发 我想知道你是否能帮我想出一些解决办法。下面是在页面加载时设置图像选择的代码 <script type="text/javascript"> jQuery(function($
<script type="text/javascript">
jQuery(function($){
var jcrop_api;
$('#ctl00_ContentPlaceHolder1_Map1_Image').Jcrop({
onChange: showCoords
},function(){
jcrop_api = this;
});
jcrop_api.setSelect([100,100,200,200]);
});
function showCoords(c)
{
$('#map_x').val(c.x);
$('#map_y').val(c.y);
$('#map_x2').val(c.x2);
$('#map_y2').val(c.y2);
};
</script>
jQuery(函数($){
var jcrop_api;
$(“#ctl00_contentplaceholder 1_Map1_Image”).Jcrop({
onChange:showCoords
},函数(){
jcrop_api=这个;
});
jcrop_api.setSelect([100100200200]);
});
函数showCoords(c)
{
$('map_x').val(c.x);
$('map#y').val(c.y);
$('map_x2').val(c.x2);
$('map#y2').val(c.y2);
};
我理解,鉴于这些问题是由我几乎无法控制的第三方控制引起的,因此可能无法提供帮助
谢谢您能为您的示例制作一个JSFIDLE.net吗?这样我们就可以看到完整的代码,而不仅仅是片段。这样也很容易向您展示修复方法。呈现图像的第三方控件是什么?在其上设置了特定的css规则(例如zindex?)你能提供一个关于JSFIDLE的演示吗?我知道这是一个困难的问题,但我不能在JSFIDLE中复制它,因为它是一个asp.net组件,可以将图像呈现为web资源。但是如果有办法制作一个JSFIDLE,请告诉我,我会这样做:)该组件是aspmap版本4.3