Question

我的总体目标是提供带有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);}

这是简单滑块的代码。

Answer 1

为什么使用jQuery.noConflict();?除了JQuery之外还使用其他JavaScript框架吗？以及不建议直接使用jQuery命名空间

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

1 个答案: