Jquery gzoom插件中的無效參數錯誤

Question

我正在使用名爲Jquery gzoom的Jquery插件。這是非常好的腳本，但當我在IE中測試它。該腳本顯示無效的參數錯誤。該錯誤僅在IE中顯示。

我想知道是否有人可以在腳本中的位置導致錯誤。

插件頁面：http://lab.gianiaz.com/jquery/gzoom/index_it.html

在此先感謝。

Answer 1

我懷疑問題在於你如何使用插件，而不是腳本本身。如果你看看頁面上的樣本，他們似乎工作得很好。

瀏覽器調試消息應該告訴你腳本中哪裏出現錯誤，雖然使用像firebug這樣的瀏覽器插件可以幫助你隔離錯誤。

也許張貼你如何調用這個的一些代碼。

Answer 2

腳本在所有瀏覽器上加載正常。只有在IE中將滑塊拖向縮放時，纔會出現無效參數。如果你在IE中測試插件，你會看到錯誤。 該錯誤似乎沒有影響功能，只出現在IE中，我安裝了Firebug lite，但仍然無法獲得明確的錯誤信息。

我做了什麼。

將下面的代碼在母版頁，

<script type="text/javascript" language="javascript" src="../scripts/jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="../scripts/ui.core.min.js"></script> 
<script type="text/javascript" src="../scripts/ui.slider.min.js"></script> 
<script type="text/javascript" src="../scripts/jquery.gzoom.js"></script> 
<script type="text/javascript" src="../scripts/jquery.mousewheel.js"></script> 

<script type= "text/javascript"> 

    $(document).ready(function(arg) { 
     $("#zoom01").gzoom({ 
     sW: 312, 
     sH: 312, 
     lW: 930, 
     lH: 930, 
     loaderContent: "&nbsp;" 
     }); 
    }); 

</script> 

而且在我想要的圖像放大和縮小內容頁下面的代碼。

<div class="item_zoom"> 
     <div id="zoom01" class="zoom"> 

       <asp:Image ID="testImag" ImageUrl="~/images/7409.jpg" runat="server" AlternateText="item image"/> 
    </div> 

     </div> 

Answer 3

它位於腳本本身：在線107和113 jquery.gzoom.js：

107： leftFactor = leftPos/deltaWidth;

113： topFactor = topPos/deltaHeight;

當LeftPos或topPos是0烯deltaWidth或deltaHeight是0它試圖除以0/0，其結果是不是數字

解決方案：

變化線107分爲：

leftFactor = (deltaWidth==0) ? 0 : leftPos/ deltaWidth;

和線113到：

topFactor = (deltaHeight==0) ? 0 : topPos/deltaHeight;