Jquery gzoom插件中的无效参数错误

问题描述：

我正在使用名为Jquery gzoom的Jquery插件。这是非常好的脚本，但当我在IE中测试它。该脚本显示无效的参数错误。该错误仅在IE中显示。Jquery gzoom插件中的无效参数错误

我想知道是否有人可以在脚本中的位置导致错误。

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

在此先感谢。

答

我怀疑问题在于你如何使用插件，而不是脚本本身。如果你看看页面上的样本，他们似乎工作得很好。

浏览器调试消息应该告诉你脚本中哪里出现错误，虽然使用像firebug这样的浏览器插件可以帮助你隔离错误。

也许张贴你如何调用这个的一些代码。

答

脚本在所有浏览器上加载正常。只有在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>

答

它位于脚本本身：在线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;

Jquery gzoom插件中的无效参数错误

相关推荐