Javascript jQuery.noConflict选项卡,带旋转滑块
我的网站上的标签有一些问题。revolution滑块的工作方式很有魅力,但my tab小部件显示的是所有选项卡内容,而不是每个选项卡内容本身。您可以在页面底部的:上检查错误 custom.js上选项卡小部件的代码如下:Javascript jQuery.noConflict选项卡,带旋转滑块,javascript,jquery,html,tabs,jquery-ui-slider,Javascript,Jquery,Html,Tabs,Jquery Ui Slider,我的网站上的标签有一些问题。revolution滑块的工作方式很有魅力,但my tab小部件显示的是所有选项卡内容,而不是每个选项卡内容本身。您可以在页面底部的:上检查错误 custom.js上选项卡小部件的代码如下: var $ = jQuery.noConflict(); function tab_widget(tabid) { var $sidebarWidgets = $('.sidebar-widgets-wrap'); var $footerWidgets = $
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;
});
}
var$=jQuery.noConflict();
功能选项卡\小部件(选项卡ID){
var$sidebarWidgets=$('.sidebarWidgets-wrap');
var$footerWidgets=$('.footerWidgets-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(“活动”);
$(tabid+'ul.tabs li a[data href=“'+getTabHash+'”).parent('li').addClass(“活动”);
$(tabid+“.tab_content”).hide();
$(getTabHash+'.tab_content').show();
}
}
$(tabid+“ul.tabs li”)。单击(函数(){
$(tabid+“ul.tabs li”).removeClass(“活动”);
$(此).addClass(“活动”);
$(tabid+“.tab_content”).hide();
var activeTab=$(this.find(“a”).attr(“data href”);
var$selectTab=$(此值);
$(activeTab).fadeIn(600,函数(){
if($selectTab.parent().parent().hasClass(“侧标签”)){
if($(window.width()<768){if($().scrollTo){jQuery.scrollTo(activeTab,400,{offset:-20});}
}
});
返回false;
});
}
我怎样才能解决这个问题?谢谢这与
jQuery.noConflict()
无关,因为代码第879行出现javascript错误
始终避免污染全局名称空间,这将是javascript代码的灾难。这与
jQuery.noConflict()
无关,因为代码第879行出现javascript错误。在这一行之前,您是否声明了$用于其他用途?我在页眉上使用了此项:。这是在此之前使用的唯一脚本879中的代码是:$(document).ready(function(){tab_小部件('#tabwidget-1');});我建议您将第879行中的$
更改为jQuery
,以查看问题是否已解决,如果已解决,则$
命名空间已被污染。它已工作。非常感谢=()()()()))。把这个作为答案,这样我就可以投正确的一票