javascript - 引导模态窗口中的imgAreaSelect插件位置错误

我在Bootstrap中的imgAreaSelect插件有问题。
我在初始化imgAreaSelect时设置了parent，以防止滚动移动区域:

 thumb.imgAreaSelect({
 handles: true,
 aspectRatio: '1:1',
 fadeSpeed: 300,
 parent: "#thumbBox"
 })

这是我的html:

<div class="modal-body">
            <div class="row">
                <div class="col-xs-12" style="font-weight:bold;">
                    Upload your picture and crop it.
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12">
                    <div id="thumbBox">
                        <img id="thumb" class="img-responsive" />
                    </div>
                </div>
            </div>

当我尝试选择区域时，ImgAreaSelect选择图片之外的区域，但是点(我的意思是x1，x2等)恰好是我想要的(功能正常但在接口(interface)中有问题)。
在较小的设备中，ImgAreaSelect接口(interface)已设置好，但在某些情况下会困惑!
我过去经常搜索很多东西，但没有发现任何有用的东西。
我该如何解决这个问题？

更新:
我解决了这个问题
引用此链接:
github

我们必须从代码中删除这些行:

/* Also check if any of the ancestor elements has fixed position */
        if ($p.css('position') == 'fixed')
           position = 'fixed';

并且我们必须相对于我们自己初始化的父盒的位置(parent:“#thumbBox”)。

最佳答案

有同样的问题。
解决方案是:

parent:$('.modal-content')

您需要将模式内容设置为父级而不是图像容器。