我将imgAreaSelect用于图像数组,用户可以通过单击箭头来切换图像。当它只是一个图像时,我能够使插件在我的模式窗口中完美地工作,但是以某种方式处理动态设置<img id="image">
属性时,它不再像我的CSS。
这是插件工作方式的一个提法,但只有一个图像:http://jsfiddle.net/B83Ck/
imgAreaSelect插件直接应用于图像,没有问题。
不幸的是,这与我用来在图像之间切换的JS不兼容,如下一个jsfiddle所示。相反,我认为我会尝试将imgAreaSelect应用于图像所在的块元素:http://jsfiddle.net/8yz4t/
在选择时看起来很棒,但是如果上下滚动,您会注意到在模式移动时选择区域保持固定。同样,当您关闭模态时,选择仍然可见。
所以我现在在这里。我读了一些有关在我的imgAreaSelect实例中添加parent: '#parentblock'
的内容,您可以在此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无法正常工作,不要惊慌,指向imgAreaSelect的外部资源的链接可能已经移动。只需将其替换为您自己的即可。 (我认为这是如何运作的?)
干杯
关于jquery - imgAreaSelect不会在模式关闭时隐藏或在页面上滚动,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/22598685/