Boostrap 3,0 Модальных и Поднимают зум глюк

Question

У меня есть Elevate Увеличить работает в модальном элементе начальной загрузки 3 и все работает отлично после выполнения ответа найден здесь:

ElevateZoom don't work in bootstrap modal

Используя код, приведенный в ответе на ссылка выше. Я увеличил масштабирование при запуске модального режима. кроме случаев, когда я закрываю modal, я все еще получаю область на моей странице, которая невидима, но когда я наводил на нее курсор, увеличенное (масштабирующее) изображение все еще отображается в углу страницы.

Код я базируется на следующем:

$(document).ready(function() { 
    $('#myModal').on('shown.bs.modal', function() { 
     $("#zoom_05").elevateZoom({ 
      zoomType: "inner", 
      cursor: "crosshair" 
     }); 
    }) 
}); 

Я предполагаю, что это активизирует возвысить сценарий масштабирования, но не убивает плагин масштабирования, когда я закрываю модальный, так что я все еще получаю активную область когда я вернусь на страницу.

Использование инспектора я вижу каждый раз, когда я открываю модальное новый экземпляр следующего кода добавляется в мой HTML:

<div class="zoomContainer" style="position: absolute; left: 0px; top: 51293px; height: 402px; width: 568px;></div>"  

Answer 1

Это ответ кому-то/фрагмент кода из Интернета. Я использовал его, пока он вернулся, и все в порядке. Возможно решить уже- но и для других, кто мог бы найти эту тему:

Попробуйте это:

jQuery('#myModal').on('hidden.bs.modal', function (e) { 

    jQuery.removeData(jQuery('#zoom_05'), 'elevateZoom');//remove zoom instance from image 
    jQuery('.zoomContainer').remove();// remove zoom container from DOM 
    });