我有一个简单的FAQ页面和模式,它正在使用旧版本的jQuery,现在更新似乎打破了它获取Uncaught TypeError:undefined不是控制台中的函数错误。我用两个JS文件得到它:
Main.js
$(document).ready(function(){
// lightbox ****************************************************************
if (typeof $().simpleLightbox == 'function')
$('a.buy-now-small').simpleLightbox();
$('a.buy-now-big').simpleLightbox();
// slideshow ***************************************************************
if (typeof $().slideShow == 'function')
$('div.visual').slideShow({
slideEl:'div.images img',
linkNext:false,
linkPrev:false,
linkPause:false,
numElementLink:'div.visual-options a',
duration:500,
autoSlideShow:true,
switchTime:10000
});
});
FAQ.js
// hover effect
$(document).ready(function() {
$('div.faqquestion h3').add('div.faqquestion2 h3').hover(function() {
$(this).addClass('hover');
}, function() {
$(this).removeClass('hover');
});
});
// independently show and hide
$(document).ready(function() {
$('div.faqquestion:eq(0) > div').hide();
$('div.faqquestion:eq(0) > h3').click(function() {
$(this).next().slideToggle('fast');
});
});
// one showing at a time
$(document).ready(function() {
$('div.faqquestion:eq(1) > div:gt(0)').hide();
$('div.faqquestion:eq(1) > h3').click(function() {
$(this).next('div:hidden').slideDown('fast')
.siblings('div:visible').slideUp('fast');
});
});
//simultaneous showing and hiding
$(document).ready(function() {
$('div.faqquestion2:eq(0) > div').hide();
$('div.faqquestion2:eq(0) > h3').click(function() {
$(this).next('div').slideToggle('fast')
.siblings('div:visible').slideUp('fast');
});
});
//queued showing and hiding
$(document).ready(function() {
$('div.faqquestion2:eq(1) > div').hide();
$('div.faqquestion2:eq(1) > h3').click(function() {
var $nextDiv = $(this).next();
var $visibleSiblings = $nextDiv.siblings('div:visible');
if ($visibleSiblings.length ) {
$visibleSiblings.slideUp('fast', function() {
$nextDiv.slideToggle('fast');
});
} else {
$nextDiv.slideToggle('fast');
}
});
});