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

Question

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

我想知道是否有人能找出脚本中导致错误的位置。

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

提前致谢

Answer 1

该脚本在所有浏览器上加载良好。仅当您在 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: " "
       });
     });

</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 2

它位于脚本本身：jquery.gzoom.js 第 107 行和 113:

107:
左因子 = 左位置/ deltaWidth;

113：
顶部因子 = 顶部位置/增量高度；

当 LeftPos 或 topPos 为 0 且 deltaWidth 或 deltaHeight 为 0 时，它会尝试除以 0/0 并且结果不是数字

解决方案：

将第 107 行更改为：

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

和第 113 行变为：

topFactor = (deltaHeight==0) ? 0：topPos/deltaHeight；

Answer 3

我怀疑问题在于您如何使用插件，而不是脚本本身。如果您查看页面上的示例，它们似乎工作正常。

浏览器调试消息应该告诉您脚本中发生错误的位置，尽管使用像 firebug 这样的浏览器插件将帮助您进一步隔离错误。

也许发布一些你如何调用它的代码。