我将 imgAreaSelect 用于一组图像，用户可以通过单击 < 和 > 箭头来切换图像。当它只是一个图像时，我能够让插件在我的模态窗口中完美运行，但是在处理动态设置 <img id="image"> 时不知何故属性，它不再喜欢我的 css。
这是插件应该如何工作的 jsfiddle，但只有一张图片: http://jsfiddle.net/B83Ck/ imgAreaSelect 插件直接应用于图像，没有问题。
不幸的是，这不适用于我用来在图像之间切换的 JS，如下一个 jsfiddle 所示。相反，我想我会尝试将 imgAreaSelect 应用于图像所在的 block 元素: http://jsfiddle.net/8yz4t/ 选择时看起来很棒，但如果上下滚动，您会注意到选择区域在模态移动时保持固定。此外，当您关闭模式时，选择仍然可见。
所以我现在在这里。我读了一些关于添加 parent: '#parentblock' 的内容到我的 imgAreaSelect 实例，您可以在这个 jsfiddle 中看到它: http://jsfiddle.net/H4hEx/
这具有我需要的滚动和关闭功能，但它不会显示在图像本身上。它有点偏了。有什么建议吗？
最佳答案
我终于设法解决了这个问题，其中大部分是公开可用的知识，所以我想我失败了。
我找到了这个修复: Wrong positioning in Bootstrap modal window #39
随着 parent: #parent div style="position:relative;"
在这里工作 jsfiddle:http://jsfiddle.net/H4hEx/3/
如果 jsfiddle 不起作用，以后遇到此线程的人请不要 panic ，imgAreaSelect 的外部资源链接可能已移动。只需将其替换为您自己的即可。 (我想这就是它的工作原理？)
干杯
关于jquery - imgAreaSelect 不隐藏在模式关闭时，或随页面滚动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22598685/