我有一个网站需要在星期一之前上线,并且在主要主页组件中遇到了突然的问题。任何帮助将不胜感激!
昨天,一切正常。我撤消了昨天的更改,但即使清除了缓存,问题也没有自行纠正。
该网站是: http: //pinnaclejobswinnipeg.com
问题一: 首页中间区域有一个标签内容滑块。从今天开始(尽管过去一个月运行良好),当您单击选项卡时脚本会中断。
错误是:
未捕获的类型错误:对象# 的属性“未定义”不是函数
- 此错误发生在 jQuery.easing.1.3.js 中,它由页面顶部的 Wordpress 主题 (uDesign) 内容滑块加载。
- 顶部滑块继续正常工作,无论底部标签滑块是否损坏。
- 如果我删除标签滑块,错误就会消失。
- 如果我删除顶部滑块,选项卡滑块再次工作,没有错误(因为未加载缓动 JS)。
我一生都无法弄清楚出了什么问题,我在搜索时也找不到任何有用的东西。
问题2:
- 选项卡滑块脚本在每个浏览器中都可以正常工作,但在(惊喜...)IE7 中莫名其妙地中断。
- 注意:站点元素实际上是两个选项卡滑块,它们本身由选项卡触发(选项卡:Executive Search - 调用一组滑动选项卡|| 选项卡:人员配备 - 调用另一组滑动选项卡)。每个选项卡集的脚本基本相同,具有不同的 CSS 调用。
有问题的脚本:
选项卡滑块 1
var j = jQuery.noConflict();
j(文档).ready(函数(){
var doIsSliding;
var itemNumber;
var itemWidth = 750;
var holderLength = j(".changeme .changeContentItem");
var holderWidth = 200 * holderLength;
var animSpeed = 400;
var currentChange, currentChangeLink;
// init
j(".changeme .changeContent").css("width",itemWidth+"px");
j(".changeme .changeContentItem").css({"display":"none","position":"absolute"});
j(".changeme .changeContentItem:first").css("display","block").addClass("change-active");
j(".changeme .changing ul a:first").addClass("change-active");
j(".changeme .changing ul a").bind("click", function() {
if (doIsSliding != true) {
itemNumber = j(this).attr("rel");
currentChange = j(".changeme #contentItem"+itemNumber);
// if not current item
if (!currentChange.hasClass("change-active")) {
doIsSliding = true;
// clear prev
j(".changeme .changing ul a").removeClass("change-active");
// slide down current
currentChangeLink = j(this);
currentChangeLink.addClass("change-active");
currentChange.css({"opacity":"0","left":itemWidth+"px","display":"block"})
.animate({
left: '20',
opacity: 1,
},animSpeed,function(){
currentChange.addClass("change-active");
j(".changeme .changeContentItem").css("display","none");
j(".changeme .changeContent .change-active").css("display","block");
doIsSliding = false;
});
j(".changeme .changeContent .change-active").css({"opacity":"1","left":"0px","display":"block"}).addClass("last-active")
.animate({
left: '-'+itemWidth,
opacity: 0
},animSpeed,function(){
j(".changeme .changeContent .last-active.change-active").css("display","none").removeClass("last-active").removeClass("change-active");
doIsSliding = false;
});
}
}
});
});
选项卡滑块 2
var j = jQuery.noConflict();
j(文档).ready(函数(){
var doIsSliding;
var itemNumber;
var itemWidth = 750;
var holderLength = j(".change2 .changeContentItem");
var holderWidth = 200 * holderLength;
var animSpeed = 400;
var currentChange, currentChangeLink;
// init
j(".change2 .changeContent2").css("width",itemWidth+"px");
j(".change2 .changeContentItem").css({"display":"none","position":"absolute"});
j(".change2 .changeContentItem:first").css("display","block").addClass("change-active");
j(".change2 .changing ul a:first").addClass("change-active");
j(".change2 .changing ul a").bind("click", function() {
if (doIsSliding != true) {
itemNumber = j(this).attr("rel");
currentChange = j(".change2 #contentItem"+itemNumber);
// if not current item
if (!currentChange.hasClass("change-active")) {
doIsSliding = true;
// clear prev
j(".change2 .changing ul a").removeClass("change-active");
// slide down current
currentChangeLink = j(this);
currentChangeLink.addClass("change-active");
currentChange.css({"opacity":"0","left":itemWidth+"px","display":"block"})
.animate({
left: '20',
opacity: 1
},animSpeed,function(){
currentChange.addClass("change-active");
j(".change2 .changeContentItem").css("display","none");
j(".change2 .changeContent2 .change-active").css("display","block");
doIsSliding = false;
});
j(".change2 .changeContent2 .change-active").css({"opacity":"1","left":"0px","display":"block"}).addClass("last-active")
.animate({
left: '-'+itemWidth,
opacity: 0
},animSpeed,function(){
j(".change2 .changeContent2 .last-active.change-active").css("display","none").removeClass("last-active").removeClass("change-active");
doIsSliding = false;
});
}
}
});
});
非常感谢您提供的任何帮助!
鲍比