Javascript 合并两个Jquery脚本

我从网上下载了两个脚本

一个看起来像这样

<script src="jqzoom/js/jquery-1.6.js" type="text/javascript"></script>  
<script src="jqzoom/js/jquery.jqzoom-core.js" type="text/javascript"></script>
<link rel="stylesheet" href="jqzoom/css/jquery.jqzoom.css" type="text/css">

<script>
$(function () {     
            $('.jqzoom').jqzoom({
            zoomType: 'standard',
            lens:true,
            preloadImages: false,
            alwaysOn:true
        });
});
</script>

$（函数（）{
$（'.jqzoom'）.jqzoom({
zoomType:'标准'，
镜头：是的，
图片：错，
艾尔韦森：是的
});
});

另一个呢

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
    <script> window.jQuery || document.write('<script src="booklet/jquery-2.1.0.min.js"><\/script>') </script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
    <script> window.jQuery.ui || document.write('<script src="booklet/jquery-ui-1.10.4.min.js"><\/script>') </script>
    <script src="booklet/jquery.easing.1.3.js"></script>
    <script src="booklet/jquery.booklet.latest.js"></script>

    <script>
        $(function () {     
            $("#mybook").booklet();
        });
    </script>

window.jQuery | | document.write（“”）
window.jQuery.ui | | document.write（“”）
$（函数（）{
$（“#我的书”）。小册子（）；
});

当我把两者都放在一个页面上时，只有后一个页面可以工作，不管它们是如何单独工作的

我知道你不能在同一个页面中调用jQuery两次，但是当我删除所有jQuery添加项并只使用/jQuery.js时，它们都不起作用。这是我下载的脚本，我认为它们之间的HTML不需要在这里发布

---

我怎样才能使两者都在一页上工作

与所有其他库一起，包括j query标准库

<script src="jqzoom/js/jquery-1.6.js" type="text/javascript"></script>  
<script src="jqzoom/js/jquery.jqzoom-core.js" type="text/javascript"></script>
<link rel="stylesheet" href="jqzoom/css/jquery.jqzoom.css" type="text/css">
<script> window.jQuery || document.write('<script src="booklet/jquery-2.1.0.min.js"><\/script>') </script>
<script> window.jQuery.ui || document.write('<script src="booklet/jquery-ui-1.10.4.min.js"><\/script>') </script>
    <script src="booklet/jquery.easing.1.3.js"></script>
    <script src="booklet/jquery.booklet.latest.js"></script>

<script>
$(function () {     
            $('.jqzoom').jqzoom({
            zoomType: 'standard',
            lens:true,
            preloadImages: false,
            alwaysOn:true
        });

        $("#mybook").booklet();
});
</script>

window.jQuery | | document.write（“”）
window.jQuery.ui | | document.write（“”）
$（函数（）{
$（'.jqzoom'）.jqzoom({
zoomType:'标准'，
镜头：是的，
图片：错，
艾尔韦森：是的
});
$（“#我的书”）。小册子（）；
});

您将在第一个脚本中添加2个js库，在第二个脚本中添加4个js库。运行各自脚本所必需的所有库

这里的一个问题是，您要添加两次jQuery，即1.6和2.1。这是不必要的

试着这样做：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
    <script> window.jQuery || document.write('<script src="booklet/jquery-2.1.0.min.js"><\/script>') </script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
    <script> window.jQuery.ui || document.write('<script src="booklet/jquery-ui-1.10.4.min.js"><\/script>') </script>
    <script src="booklet/jquery.easing.1.3.js"></script>
    <script src="booklet/jquery.booklet.latest.js"></script>

    //required for first script
    <script src="jqzoom/js/jquery.jqzoom-core.js" type="text/javascript"></script>
    <link rel="stylesheet" href="jqzoom/css/jquery.jqzoom.css" type="text/css">
    //-------------

    <script>
        $(function () {     
            //this is your second script
            $("#mybook").booklet();

            //this is your first script
            $(function () {     
                $('.jqzoom').jqzoom({
                zoomType: 'standard',
                lens:true,
                preloadImages: false,
                alwaysOn:true
            });

        });
    </script>

window.jQuery | | document.write（“”）
window.jQuery.ui | | document.write（“”）
//第一个脚本需要
//-------------
$（函数（）{
//这是你的第二个剧本
$（“#我的书”）。小册子（）；
//这是你的第一个剧本
$（函数（）{
$（'.jqzoom'）.jqzoom({
zoomType:'标准'，
镜头：是的，
图片：错，
艾尔韦森：是的
});
});

---

这将使您的第二个脚本保持运行。如果第一个脚本没有运行，则意味着“jqzoom”插件与jquery 2.1不兼容。大多数来自较旧jquery版本的问题都在其版本中得到了解决，您应该检查一下

---

只需添加最新版本，插件和脚本理论上就可以工作。

您包含了多个版本的jQuery。试着坚持其中一个版本。这很难说。脚本可能有冲突的挂钩。我会选择一个，然后在它的基础上进行构建。很少可以复制和转储代码，让它完美工作。此外，我建议est两个版本都使用最新的jquery版本。它应该是向后兼容的。加载两次jquery肯定会带来麻烦。他在使用插件-你不能告诉他在不知道插件是否需要特定版本的情况下只使用一个版本的jquery。做假设是没有帮助的。@Mihaiorga这样做了，尽管flipbook丢失了一个功能，在页面翻页之前它会将页面弄皱。我想我需要阅读更多内容。感谢所有的帮助人员。看起来小册子插件需要jQuery 2。版本1.6肯定不够。