Jquery放大鏡消失點擊下一圖像

Question

我使用BookFlip v4和動態驅動功率Zoomer來做一個項目。基本上它是一個在線mag與rollover放大功能。

我正確配置了一切，DDPZ會放大第一頁，但是當我翻到下一頁後，它會消失，如果我通過導航按鈕回到主頁面，它將不會顯示出來。按下按鈕後，我懷疑它沒有加載腳本。幫幫我。

<script type="text/javascript"> 

jQuery(document).ready(function($){ //fire on DOM ready 


//EXAMPLE 1: 
//$('#myimage').addpowerzoom() 

//EXAMPLE 2: 
$('#bookflip img').addpowerzoom({ 
    defaultpower: 2, 
    powerrange: [2,7], 
    largeimage: null, 
    magnifiersize: [200,200] //<--no comma following last option! 
}) 

}) 


</script> 

下面

是我針對圖片：

<div id="bookflip"> 
</div> 

</div> 
<div id="pages" style="width:1px;height:1px;overflow:hidden;"> 
    <div style="background-color:white;"></div> 


    <div name="Front"><img src="images/KWC-Raya1.jpg" /></div> 

    <div><img src="images/KWC-Raya2.jpg" /></div> 
    <div><img src="images/KWC-Raya3.jpg" /></div> 
    <div><img src="images/KWC-Raya4.jpg" /></div> 
    <div><img src="images/KWC-Raya5.jpg"></div> 
    <div><img src="images/KWC-Raya6.jpg"></div> 
    <div><img src="images/KWC-Raya7.jpg"></div> 
    <div><img src="images/KWC-Raya8.jpg"></div> 
    <div><img src="images/KWC-Raya9.jpg"></div> 
    <div><img src="images/KWC-Raya10.jpg"></div> 
    <div><img src="images/KWC-Raya11.jpg"></div> 
    <div><img src="images/KWC-Raya12.jpg"></div> 
    <div><img src="images/KWC-Raya13.jpg"></div> 
    <div><img src="images/KWC-Raya14.jpg"></div> 
    <div><img src="images/KWC-Raya15.jpg"></div> 
    <div><img src="images/KWC-Raya16.jpg"></div> 
    <div><img src="images/KWC-Raya17.jpg"></div> 
    <div><img src="images/KWC-Raya18.jpg"></div> 
    <div><img src="images/KWC-Raya19.jpg"></div> 
    <div><img src="images/KWC-Raya20.jpg"></div> 
    <div><img src="images/KWC-Raya21.jpg"></div> 
</div> 

Answer 1

功能mytest的（）只在第一次圖像/頁applyed，我認爲它應該是在所有頁面：

<div><img onclick="myTest()">...</div> 

還行

$('#bookflip img').addpowerzoom({ ... 

在文件準備就緒時應用於空格（ID：bookflip）。

<div id="bookflip"> 
</div> 

試試這個：

$(document).ready(function() { 
    $('#pages img').addpowerzoom(); 
}); 

，或者我們可以等待bookflip建立自己的元素和運用窗口負荷powerzoom：

$(window).load(function() { 
    $('#bookflip img').addpowerzoom(); 
});