我正在使用imgAreaSelect作为图像数组,用户可以通过单击&lt;来切换。和&gt;箭头。当它只是一个图像时,我能够在我的模态窗口中完美地运行插件,但是在处理动态设置<img id="image">
属性时,它不再像我的css那样。
这是一个关于插件应该如何工作的方面,但只有一个图像: http://jsfiddle.net/B83Ck/ imgAreaSelect插件直接应用于图像,没有任何问题。
不幸的是,这不适用于我用来在图像之间切换的JS,如下一个jsfiddle所示。相反,我想我会尝试将imgAreaSelect应用于图像所在的块元素: http://jsfiddle.net/8yz4t/ 它在选择时看起来很棒,但是如果你向上和向下滚动,你会发现当模态移动时,选择区域保持固定。此外,当您关闭模态时,选择仍然可见。
所以我现在在这里。我读了一些关于将parent: '#parentblock'
添加到我的imgAreaSelect实例的内容,您可以在此jsfiddle中看到: http://jsfiddle.net/H4hEx/
这具有我需要的滚动和关闭功能,但它不会显示在图像本身上。它有点偏向一边。有什么建议吗?
答案 0 :(得分:2)
我终于设法解决了这个问题,其中大部分都是公开的知识,所以我想我失败了。
我发现了这个问题: Wrong positioning in Bootstrap modal window #39
同时制作parent: #parent
div style="position:relative;"
在这里工作jsfiddle:http://jsfiddle.net/H4hEx/3/
将来发生在这个主题上的人,如果jsfiddle不起作用,请不要惊慌,imgAreaSelect外部资源的链接可能已经移动。只需用你自己的替换它。 (我认为这是如何运作的?)
干杯