如何在一个页面中获得两个jquery脚本

时间:2013-09-26 21:09:00

标签: jquery

我有两个菜单导航栏和标签边栏的脚本它工作正常但是当我添加幻灯片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'
    });
    });

0 个答案:

没有答案