0

我将 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/ 这具有我需要的滚动和关闭功能，但它不会显示在图像本身上. 有点偏题了 有什么建议么？

4

1 回答 1

2

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

我找到了这个修复：Bootstrap modal window #39 中的错误定位

除了制作parent: #parentdivstyle="position:relative;"

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

以后遇到这个线程的人，如果 jsfiddle 不起作用，请不要惊慌，imgAreaSelect 的外部资源的链接可能已经移动。只需将其替换为您自己的即可。（我认为这就是它的工作原理？）

干杯

于 2014-03-24T14:48:55.373 回答