jcrop未在实时

Question

我正在使用jcrop在我的项目中裁剪图像。我在引导模式中设置了jcrop框并设置了jcrop参数boxHeight 400和boxWidth 600.我的jcrop代码是：

$("#cropbox").attr('src', "**Dynamic image path**");
$("#cropbox").show();
$("#cropbox").Jcrop({
  bgOpacity: .5,
  aspectRatio: 7/10,
  setSelect: [ 60, 70, 540, 330 ],
  onSelect: updateCoords1,
  boxWidth: 600,
  boxHeight: 400
});

此代码在本地主机中正常工作但在live上无法正常工作。问题是关于调整裁剪框的问题。本地和现场的原始图像和屏幕截图是： 原始图片

本地主机

活

我上传了所需的每个文件。本地和现场都有相同的js和css。 请帮我找到解决方案。 提前谢谢。

Answer 1

好的，经过长时间的研究，我发现bootstrap css覆盖了jcrop css max-width属性并产生了问题。所以，我把它覆盖

img {max-width: none}

包含bootstrap css之后的html代码中的

。