两个脚本同时运行时出现JQuery错误
我的总体目标是拥有一个带有4个选项卡的选项卡式菜单。在每个选项卡中,我还希望有一个简单的滑块工作,我可以在每个滑块中添加不同的内容 目前,我有自己创建选项卡式菜单的代码,该菜单工作正常(目前每个选项卡都有静态文本)。我也有一个简单的工作滑块 我想,如果我用滑块div等替换当前的静态文本,它将为我提供我想要的最终产品(带滑块的选项卡式菜单) 但是,当我在一个页面中添加这两个内容时,它不起作用。选项卡式菜单刚好溢出(显示所有四个选项卡式区域,而不是一个)。我是JQuery的新手,因此非常感谢您的帮助/解释。我的JQuery代码组合如下:两个脚本同时运行时出现JQuery错误,jquery,menu,slider,tabbed,Jquery,Menu,Slider,Tabbed,我的总体目标是拥有一个带有4个选项卡的选项卡式菜单。在每个选项卡中,我还希望有一个简单的滑块工作,我可以在每个滑块中添加不同的内容 目前,我有自己创建选项卡式菜单的代码,该菜单工作正常(目前每个选项卡都有静态文本)。我也有一个简单的工作滑块 我想,如果我用滑块div等替换当前的静态文本,它将为我提供我想要的最终产品(带滑块的选项卡式菜单) 但是,当我在一个页面中添加这两个内容时,它不起作用。选项卡式菜单刚好溢出(显示所有四个选项卡式区域,而不是一个)。我是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,您还使用其他JavaScript框架吗?不建议直接使用jQuery
名称空间您是否尝试检查浏览器控制台日志以查看是否产生错误?我刚刚检查了,我得到了一个“未捕获的类型错误:对象[object Window]的属性“$”不是函数”错误我已更改了“$(文档)。就绪(函数(){”选项卡式菜单代码行改为“jQuery(document).ready(function(){”),删除了错误,但是滑块和选项卡式菜单的结果是相同的。更改jQuery(document).ready(function(){
改为jQuery(document).ready(function($){
或去掉noConflict行。我才开始使用jQuery(我只开始使用了几天)并且没有其他框架。我使用它就像在一个教程中一样。我将删除它。