jquery pan zoom无法使用动态加载的数据

Question

我在图片中使用了jquery panzoom个选项。它现在使用模态弹出窗口，而数据在模态内容中的运行时被替换。如果我静态放置它正在工作的内容。

http://www.jqueryscript.net/zoom/jQuery-Plugin-For-Panning-Zooming-Any-Elements-panzoom.html

对于单独的文件，它的工作正常。我想在模式弹出窗口中使用平移缩放选项打开图像。

我使用了以下代码：

HTML ::

<a data-toggle="modal" href="modal.php" data-target="#splModal" data-target="#flips">popup here</a>



<div class="modal fade" id="splModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
    </div><!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->

因此，在模态内容类中，来自modal.php的数据被替换。

modal.php ::

中使用的脚本

 <script src="jquery.panzoom.js"></script>
 <script src="jquery.mousewheel.js"></script>

        (function() {
    alert('aa');
    var $section = $('#inverted-contain, #inverted-contain1');
    $section.find('.panzoom').panzoom({
    $zoomIn: $section.find(".zoom-in"),
    $zoomOut: $section.find(".zoom-out"),
    $zoomRange: $section.find(".zoom-range"),
    $reset: $section.find(".reset"),
    //startTransform: 'scale(1.1)',
    increment: 0.1,
    minScale: 1,
    contain: 'invert'
    }).panzoom('zoom');
    })();