月曜日までに公開する必要があるサイトがあり、メインのホームページ コンポーネントで突然の問題が発生しました。どんな助けでも大歓迎です！
昨日、すべてがうまくいきました。昨日からの変更を元に戻しましたが、キャッシュをクリアしても問題は修正されませんでした。
サイトは次のとおりです。http://pinnaclejobswinnipeg.com
問題 1: ホームページの中央にタブ コンテンツ スライダーがあります。今日から (この 1 か月は問題なく動作していましたが)、タブをクリックするとスクリプトが壊れます。
エラーは次のとおりです。
キャッチされていない TypeError: オブジェクト # のプロパティ 'undefined' は関数ではありません
- このエラーは、ページの上部にある Wordpress テーマ (uDesign) のコンテンツ スライダーによって読み込まれる jQuery.easing.1.3.js で発生します。
- 下部のタブ スライダーが壊れていても、上部のスライダーは正常に動作し続けます。
- タブスライダーを削除すると、エラーは消えます。
- 上部のスライダーを削除すると、タブ スライダーが再び動作し、エラーは発生しません (イージング JS が読み込まれていないため)。
何がうまくいかなかったのか一生わからないし、検索しても何の役にも立たない。
問題 2:
- タブ スライダー スクリプトはすべてのブラウザーで問題なく動作しますが、IE7 では不可解に機能しません (驚いたことに...)。
- 注:サイト要素は実際には 2 つのタブ スライダーであり、それ自体がタブによって起動されます (タブ: エグゼクティブ サーチ - スライド タブの 1 つのセットを呼び出します || タブ: スタッフィング - 別のスライド タブのセットを呼び出します)。各タブ セットのスクリプトは基本的に同じですが、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;
});
}
}
});
});
ご協力いただきありがとうございます。
ボビー