我的总体目标是拥有一个带有 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);}
这是简单滑块的代码。