我正在使用一个名为 Jquery gzoom 的 Jquery 插件。这是非常好的脚本,但是当我在 IE 中测试它时。该脚本显示无效参数错误。该错误仅显示在 IE 中。
我想知道是否有人可以弄清楚脚本中导致错误的位置。
插件页面: http: //lab.gianiaz.com/jquery/gzoom/index_it.html
提前致谢。
我正在使用一个名为 Jquery gzoom 的 Jquery 插件。这是非常好的脚本,但是当我在 IE 中测试它时。该脚本显示无效参数错误。该错误仅显示在 IE 中。
我想知道是否有人可以弄清楚脚本中导致错误的位置。
插件页面: http: //lab.gianiaz.com/jquery/gzoom/index_it.html
提前致谢。
它位于脚本本身:jquery.gzoom.js 位于第 107 和 113 行:
107:leftFactor=leftPos/deltaWidth;
113:topFactor = topPos/deltaHeight;
当 LeftPos 或 topPos 为 0 en deltaWidth 或 deltaHeight 为 0 时,它会尝试除以 0/0 并且结果不是数字
解决方案:
将第 107 行更改为:
leftFactor = (deltaWidth==0) ? 0 : leftPos/ deltaWidth;
和第 113 行进入:
topFactor = (deltaHeight==0) ? 0 : topPos/deltaHeight;
脚本在所有浏览器上都能正常加载。仅当您在 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>
我怀疑问题在于您如何使用插件,而不是脚本本身。如果您查看页面上的示例,它们似乎工作正常。
浏览器调试消息应该告诉您错误发生在脚本中的哪个位置,尽管使用像 firebug 这样的浏览器插件将帮助您进一步隔离错误。
也许发布一些你如何调用它的代码。