jquery pan zoom zoombox裏面不行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") 
     }); 

} 
});