使用多个jQuery

我是一个新手，我正在设计一个网站。我不知道jQuery。 我的问题是：

我正在使用一个脚本，该脚本使用jQuery.1.7.min.js作为带说明的滑动横幅图像

另外，我正在使用另一个脚本在使用jQuery.1.8.3.js的同一页面上显示最新事件

发生的情况是：

当我放置两个jQuery文件时，脚本都不起作用

如果我使用1.7，则只有（1）起作用

如果我使用1.8.3，横幅将消失，只有（2）条有效

我能做什么

代码：

292012年5月
测试1
212012年5月测试2

第二：

<script src="js/jquery-1.7.min.js"></script>
<script>
    $(document).ready(function() {
        $('.slider')._TMS({
            settings
        })
    });
</script>
<div id="slide">
    <div class="slider">
        <cms:show_repeatable 'banner_repeatable_images'>
            <ul class="items">
                <li>bannerimage
                    <div class="banner">
                        <p class="text-1">banner title</p>
                        <p class="text-2">banner text</p>
                    </div>
                </li>
            </ul>
    </div>
</div>

$（文档）.ready（函数（）{
$（'.slider'）。\u TMS({
设置
})
});

横幅广告
横幅标题

横幅文本

为了使用几个版本的jQuery，您需要使用jQuery.noConflict（）

请阅读官方文件：

请阅读我对类似问题的回答：

---

希望，这会有所帮助。

您没有提供太多要调查的元素，但通过一些谷歌搜索，我认为您的插件是：

TM_滑块-->

flexSlider-->

我在jQuery1.9.2中将它们结合在一起，它“运行良好”。也许你的问题在别的地方

最终，您可以尝试jQuery迁移：

此插件可用于检测和恢复 已在jQuery中弃用，并从1.9版起删除。见 警告页面，获取有关插件消息的更多信息 产生。有关jQuery 1.9中所做更改的更多信息， 请参阅升级指南和博客文章

参考：

代码：

---

演示：

只需将此链接添加到您的页面

可能是旧脚本使用了不推荐使用的函数/api，请尝试使用最新版本的脚本。如果您可以在JSFIDLE上提供一个演示，请提供您的代码并参考您正在使用的脚本using@laaposto我不知道这将如何解决他的问题。使用Jquery

noConflict（）

@irvindomininakadeward如何将代码放在这里？因为它太大了，放不进去

<script src="js/jquery-1.7.min.js"></script>
<script>
    $(document).ready(function() {
        $('.slider')._TMS({
            settings
        })
    });
</script>
<div id="slide">
    <div class="slider">
        <cms:show_repeatable 'banner_repeatable_images'>
            <ul class="items">
                <li>bannerimage
                    <div class="banner">
                        <p class="text-1">banner title</p>
                        <p class="text-2">banner text</p>
                    </div>
                </li>
            </ul>
    </div>
</div>

$(document).ready(function () {

    $('.slider')._TMS({
        show: 0,
        pauseOnHover: false,
        prevBu: '.prev',
        nextBu: '.next',
        playBu: '.play',
        pagNums: false,
        slideshow: 7000
    })

    jQuery('.flexslider-quote').flexslider({
        animation: 'slide',
        slideshow: true,
        pauseOnHover: true,
        smoothHeight: true,
        prevText: "",
        nextText: ""
    })

});