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

时间:2014-03-23 23:45:11

标签: jquery html css twitter-bootstrap imageareaselect

我正在使用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/ 这具有我需要的滚动和关闭功能,但它不会显示在图像本身上。它有点偏向一边。有什么建议吗?

1 个答案:

答案 0 :(得分:2)

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

我发现了这个问题: Wrong positioning in Bootstrap modal window #39

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

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

将来发生在这个主题上的人,如果jsfiddle不起作用,请不要惊慌,imgAreaSelect外部资源的链接可能已经移动。只需用你自己的替换它。 (我认为这是如何运作的?)

干杯