Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
两个脚本同时运行时出现JQuery错误_Jquery_Menu_Slider_Tabbed - Fatal编程技术网

两个脚本同时运行时出现JQuery错误

两个脚本同时运行时出现JQuery错误,jquery,menu,slider,tabbed,Jquery,Menu,Slider,Tabbed,我的总体目标是拥有一个带有4个选项卡的选项卡式菜单。在每个选项卡中,我还希望有一个简单的滑块工作,我可以在每个滑块中添加不同的内容 目前,我有自己创建选项卡式菜单的代码,该菜单工作正常(目前每个选项卡都有静态文本)。我也有一个简单的工作滑块 我想,如果我用滑块div等替换当前的静态文本,它将为我提供我想要的最终产品(带滑块的选项卡式菜单) 但是,当我在一个页面中添加这两个内容时,它不起作用。选项卡式菜单刚好溢出(显示所有四个选项卡式区域,而不是一个)。我是JQuery的新手,因此非常感谢您的帮助

我的总体目标是拥有一个带有4个选项卡的选项卡式菜单。在每个选项卡中,我还希望有一个简单的滑块工作,我可以在每个滑块中添加不同的内容

目前,我有自己创建选项卡式菜单的代码,该菜单工作正常(目前每个选项卡都有静态文本)。我也有一个简单的工作滑块

我想,如果我用滑块div等替换当前的静态文本,它将为我提供我想要的最终产品(带滑块的选项卡式菜单)

但是,当我在一个页面中添加这两个内容时,它不起作用。选项卡式菜单刚好溢出(显示所有四个选项卡式区域,而不是一个)。我是JQuery的新手,因此非常感谢您的帮助/解释。我的JQuery代码组合如下:

$(document).ready(function(){
$('#homebox_tabs div').hide();
$('#homebox_tabs div:first').show();
$('#homebox_tabs ul li:first').addClass('active');
$('#homebox_tabs ul li a').click(function(){ 
$('#homebox_tabs ul li').removeClass('active');
$(this).parent().addClass('active'); 
var currentTab = $(this).attr('href'); 
$('#homebox_tabs div').hide();
$(currentTab).show();
return false;
});
});
此代码用于我的选项卡式菜单

jQuery.noConflict();
try {
jQuery(document).ready(function($){ 
    $(".right-button").stop(true, true).fadeOut();
    $(".left-button").stop(true, true).fadeOut();
    simpleSlide({
        'set_speed': 1000
    }); 

    $('#slide').hover(

    function () {
            $(".right-button").stop(true, true).fadeIn();
            $(".left-button").stop(true, true).fadeIn();
    }, 
    function () {
            $(".right-button").stop(true, true).fadeOut();
            $(".left-button").stop(true, true).fadeOut();
    }
    );
});
} catch (e) {alert(e);}

这是简单滑块的代码。

为什么要使用
jQuery.noConflict()jQuery
名称空间

您是否尝试检查浏览器控制台日志以查看是否产生错误?我刚刚检查了,我得到了一个“未捕获的类型错误:对象[object Window]的属性“$”不是函数”错误我已更改了“$(文档)。就绪(函数(){”选项卡式菜单代码行改为“jQuery(document).ready(function(){”),删除了错误,但是滑块和选项卡式菜单的结果是相同的。更改
jQuery(document).ready(function(){
改为
jQuery(document).ready(function($){
或去掉noConflict行。我才开始使用jQuery(我只开始使用了几天)并且没有其他框架。我使用它就像在一个教程中一样。我将删除它。