imgAreaSelect不隐藏在模态关闭或滚动页面

Question

我正在使用imgAreaSelect作为图像数组，用户可以通过单击<和>箭头来切换。 当它只是一个图像时，我能够在我的模态窗口中完美地运行插件，但不知何故，当处理动态设置<img id="image">属性时，它不再喜欢我的css了。

这里有一个关于插件应该如何工作的jsfiddle，但只有一个图像： http ： //jsfiddle.net/B83Ck/ imgAreaSelect插件直接应用于图像，没有任何问题。

不幸的是，这不适用于我用来在图像之间切换的JS，如下一个jsfiddle所示。 相反，我想我会尝试将imgAreaSelect应用到图像所在的块元素： http ： //jsfiddle.net/8yz4t/它在选择上看起来很棒，但如果你向上和向下滚动，你会注意到选择模态移动时，区域保持固定。 此外，当您关闭模态时，选择仍然可见。

我现在在这里。 我读了一些关于添加parent: '#parentblock'到我的imgAreaSelect实例，你可以在这个jsfiddle中看到： http ： //jsfiddle.net/H4hEx/这有我需要的滚动和关闭功能，但它没有' t显示图像本身。 它有点偏向一边。 有什么建议么？

Answer 1

我终于设法解决了这个问题，其中大部分都是公开的知识，所以我想我失败了。

我发现了这个问题： Bootstrap模态窗口＃39中的错误定位

与制作parent: #parent div style="position:relative;"

在这里工作jsfiddle： http ： //jsfiddle.net/H4hEx/3/

那些将来发生在这个帖子上的人，如果jsfiddle不起作用，不要惊慌，imgAreaSelect外部资源的链接可能已经移动了。 只需用你自己的替换它。 （我认为它是如何工作的？）

干杯