带有Revolution Slider的jQuery.noConflict选项卡

时间:2013-09-07 18:05:27

标签: javascript jquery html5 tabs jquery-ui-slider

我的网站上有标签问题。旋转滑块的工作方式类似于魅力,但我的选项卡小部件显示所有选项卡内容,而不是每个选项卡内容本身。您可以在页面底部查看错误:http://www.microloads.com

custom.js 上的标签小部件的代码是:

var $ = jQuery.noConflict();

function tab_widget(tabid) {

    var $sidebarWidgets = $('.sidebar-widgets-wrap');
    var $footerWidgets = $('.footer-widgets-wrap');

    $( tabid + " .tab_content").hide();
    $( tabid + " ul.tabs li:first").addClass("active").show();
    $( tabid + " .tab_content:first").show();

    if( window.location.hash != '' ) {

        var getTabHash = window.location.hash;

        if( $( getTabHash ).hasClass('tab_content') ) {

            $( tabid + " ul.tabs li").removeClass("active");
            $( tabid + ' ul.tabs li a[data-href="'+ getTabHash +'"]').parent('li').addClass("active");
            $( tabid + " .tab_content").hide();
            $( getTabHash + '.tab_content').show();

        }

    }

    $( tabid + " ul.tabs li").click(function() {    

        $( tabid + " ul.tabs li").removeClass("active");
        $(this).addClass("active");     
        $( tabid + " .tab_content").hide();
        var activeTab = $(this).find("a").attr("data-href");
        var $selectTab = $(this);
        $(activeTab).fadeIn(600,function(){
            if( $selectTab.parent().parent().hasClass("side-tabs") ) {
                if( $(window).width() < 768 ) { if( $().scrollTo ) { jQuery.scrollTo( activeTab , 400, {offset:-20} ); } }
            }            
        });
        return false;

    });

}

我该如何解决这个问题?感谢

1 个答案:

答案 0 :(得分:1)

它与jQuery.noConflict()无关,因为您的代码在879行有一个javascript错误。

始终避免污染全局命名空间,这将成为javascript代码的灾难。