imgAreaSelect不隱藏在模態關閉或滾動頁面

Question

我正在使用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/這有我需要的滾動和關閉功能，但它沒有' t顯示圖像本身。 它有點偏向一邊。 有什么建議么？

Answer 1

我終於設法解決了這個問題，其中大部分都是公開的知識，所以我想我失敗了。

我發現了這個問題： Bootstrap模態窗口＃39中的錯誤定位

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

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

那些將來發生在這個帖子上的人，如果jsfiddle不起作用，不要驚慌，imgAreaSelect外部資源的鏈接可能已經移動了。 只需用你自己的替換它。 （我認為它是如何工作的？）

干杯