Question

我正在尝试将jQuery Booklet插件放在使用1.3.2库的网站上 - 我无法删除此引用或升级。我过去成功地使用noConflict和其他需要在此站点上使用更新版本jQuery的插件。

当我在本地测试并包含1.3.2参考时，Firebug控制台告诉我：

但书仍然正确加载和功能。不确定该错误意味着什么。当我将代码放到我的开发网站上时，书中的图像显示为堆叠在另一个上面，导航按钮丢失，我在Firebug控制台中看到一个错误

TypeError：p2.offset（...）未定义 [打破此错误]
p2.offset（）。left + pWidth - hoverFullWidth，

在IE中，它告诉我： SCRIPT5007：无法获取未定义或空引用的属性“左” jquery.booklet.latest.js，第1205行第2期

这是有问题的代码，是jquery.booklet.latest.js

的一部分

        p3.draggable({
        axis: "x",
        containment: [
            target.offset().left,
            0,
            p2.offset().left + pWidth - hoverFullWidth,
            pHeight
        ],

某些内容无法正确加载。脚本在我的开发环境中的页面中看起来像这样：

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js" type="text/javascript"></script>  
        <script src="/wcsstore/CVWEB/images/home/js/jquery.easing.1.3.js" type="text/javascript"></script>
        <script src="/wcsstore/CVWEB/images/home/js/jquery.booklet.latest.js" type="text/javascript"></script>
        <link href="/opencms/opencms/CVWEB/css/jquery.booklet.latest.css" type="text/css" rel="stylesheet" media="screen, projection, tv" />
        <script type="text/javascript">
        var $j = jQuery.noConflict(true);
            $j(document).ready(function(){          
                $j(function () {        
                    $j("#mybook").booklet();
                });
            });
        </script>

由于还有很多其他脚本，我还需要使用noConflict吗？我是否需要修改jquery.booklet.latest.js文件以包含noConflict？我尝试声明变量并替换上面的$但是没有做任何事情。

我查看了here和here以尝试解决缓和错误，但我已经包含了所有正确的脚本。

我尝试使用jQuery的解决方案here而不是$而没有运气。

当谈到jQuery时，我仍然很绿，所以任何帮助都会受到赞赏。谢谢。

我即将转向其他选项，但希望在此发帖，以便了解问题所在。

Answer 1

必须是您不完整的src位置。它应该是这样的，就好像从localhost运行：

    <script src="http://localhost/wcsstore/CVWEB/images/home/js/jquery.easing.1.3.js" type="text/javascript"></script>

使用带有多个jQuery库的jQuery Booklet插件时出错

1 个答案: