[英]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.