jquery - 如何让两个 jquery 脚本在一页中正常工作

Question

我有两个用于菜单导航栏和标签侧边栏的脚本，它运行良好，但是当我添加幻灯片 KenBurner 时，两个脚本导航栏和标签侧边栏不起作用，但幻灯片运行良好......

和三个脚本：

脚本导航栏菜单：

$("#navmen ul, #topnav ul, .menu-xitem .xitem1 #labelnew").removeClass("hidden");
$("#navmen li, #topnav li").hoverTimeout(100, function () {
    $(this).children("ul").filter(":not(:animated)").slideDown()
}, 500, function () {
    $(this).children("ul").slideUp(800, "easeInExpo")
});
$("#navmen li.dgnssub").hoverTimeout(100, function () {
    $(this).parent("ul").css("overflow", "visible")
}, 500, function () {
    $(this).parent("ul").css("overflow", "visible")
});
$(".menu-xitem .xitem1").hoverTimeout(100, function () {
    $("#labelnew", this).filter(":not(:animated)").slideDown()
}, 500, function () {
    $("#labelnew", this).slideUp(800, "easeInExpo")
});
$("ul#topnav").clone().appendTo("#navmobitop");
$("ul#navmen").clone().appendTo("#navmobi");
$("#navmobi ul, #navmobitop ul").removeAttr("id");
$("#mobilenavtop").toggle(function () {
    $(this).addClass("active");
    $("#navmobitop .topmen").slideDown();
    return false
}, function () {
    $(this).removeClass("active");
    $("#navmobitop .topmen").slideUp();
    return false
});
$("#mobilenav").toggle(function () {
    $(this).addClass("active");
    $("#navmobi .menunav").slideDown();
    return false
}, function () {
    $(this).removeClass("active");
    $("#navmobi .menunav").slideUp();
    return false
});
$("#navmobitop li, #navmobi li").hoverTimeout(100, function () {
    $(this).children("ul").filter(":not(:animated)").slideDown()
}, 500, function () {
    $(this).children("ul").slideUp(800, "easeInExpo")
});

和标签边栏脚本：

$(function () {
    $("#tabmeslect li:first").addClass("selected");
    $("#sideme > div").hide();
    $("#sideme > div:first").show();
    $("#tabmeslect a").click(function () {
        $("#tabmeslect li").removeClass("selected");
        $(this).parent().addClass("selected");
        var a = $(this).attr("href");
        $("#sideme > div:visible").hide();
        $(a).fadeToggle(1000);
        return false
    })
});

以及此脚本中的幻灯片问题：

$(document).ready(function () {
    $.noConflict();
    jQuery('.bannercontainer').kenburn({
        thumbWidth: 50,
        thumbHeight: 50,
        thumbAmount: 4,
        thumbStyle: "both",
        thumbVideoIcon: "off",
        thumbVertical: "bottom",
        thumbHorizontal: "center",
        thumbXOffset: 0,
        thumbYOffset: 40,
        bulletXOffset: 0,
        bulletYOffset: -16,
        hideThumbs: "on",
        touchenabled: 'on',
        pauseOnRollOverThumbs: 'off',
        pauseOnRollOverMain: 'on',
        preloadedSlides: 2,
        timer: 7,
        debug: "off",
        googleFonts: 'Oswald',
        googleFontJS: 'http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'
    });
    });