jquery平移缩放在colorbox中不起作用

Question

我使用了jquery panzoom从这个网站的https://github.com/timmywil/jquery.panzoom中提取的颜色框内。缩放选项在颜色框中不起作用。如果我把它放在弹出窗口之外，它就能正常工作。如何解决这个问题？

内部脚本：

<script>
      $("#panzoom").panzoom({
        $zoomIn: $(".zoom-in"),
        $zoomOut: $(".zoom-out"),
        $zoomRange: $(".zoom-range"),
        $reset: $(".reset")
      });
    </script>

Html：

<section>
        <div id="panzoom" style="text-align: center">
        <img src="http://blog.millermedeiros.com/wp-content/uploads/2010/04/awesome_tiger.svg" width="300" height="300">
      </div>
    </section>
      <button class="zoom-in">Zoom In</button>
      <button class="zoom-out">Zoom Out</button>
      <input type="range" class="zoom-range">
      <button class="reset">Reset</button>

Answer 1

尝尝这个

$('selector').colorbox(inline:true,onComplete:function(){
$("#panzoom").panzoom({
        $zoomIn: $(".zoom-in"),
        $zoomOut: $(".zoom-out"),
        $zoomRange: $(".zoom-range"),
        $reset: $(".reset")
      });

}
});