繁体   English   中英

带有Revolution Slider的jQuery.noConflict选项卡

[英]jQuery.noConflict Tabs with Revolution Slider

我的网站上的标签存在一些问题。 Revolution滑块的工作原理像一个超级按钮,但是我的选项卡小部件正在显示所有选项卡内容,而不是在每个选项卡内容本身上显示。 您可以在页面底部的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;

    });

}

我怎样才能解决这个问题? 谢谢

它与jQuery.noConflict()无关,因为在第879行的代码中存在JavaScript错误。

始终避免污染全局名称空间,这将是JavaScript代码的灾难。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM