Question

我有一个网站需要在周一上线，并且在主要主页组件中遇到突发问题。任何帮助将不胜感激！

昨天，一切正常。我解除了昨天的变化，但即使清除缓存后问题也无法自行解决。

该网站是：http://pinnaclejobswinnipeg.com

问题1： 主页的中间区域有一个标签内容滑块。从今天开始（虽然上个月工作正常），但单击选项卡时脚本会中断。

错误是：

未捕获的TypeError：对象＃的属性“未定义”不是a 功能

在jQuery.easing.1.3.js中发生此错误，该错误由 WordPress主题（uDesign）内容滑块位于页面顶部。
无论底部如何，顶部滑块都能继续正常工作标签滑块被破坏。
如果我删除标签滑块，则错误消失。
如果我删除顶部滑块，则选项卡滑块再次起作用，没有错误（因为没有加载缓动JS）。

我无法想象我的生活出了什么问题，在搜索时也找不到任何有用的东西。

问题2：

标签滑块脚本适用于每个浏览器，但会中断莫名其妙地（惊讶......）IE7。
注意： 网站元素实际上是两个标签滑块，它们本身都是由标签触发的（标签：执行搜索 - 调用一组滑动标签||标签：人员配置 - 调用另一组滑动选项卡）。每个选项卡集的脚本基本相同，具有不同的CSS调用。

问题中的脚本：

标签滑块1

var j = jQuery.noConflict（）;

Ĵ（文件）。就绪（函数（）{

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（）;

Ĵ（文件）。就绪（函数（）{

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;
            });
        }
    }
});

}）;

非常感谢您提供的任何帮助！

巴比

Answer 1

打开网站我直接得到以下错误：

$（“a [rel ^ ='wp-prettyPhoto']，[rel ^ ='prettyPhoto']”）。prettyPhoto不是函数 [Parar en este error]

它生成http://pinnaclejobswinnipeg.com/wp-content/themes/u-design/scripts/prettyPhoto/custom_params.js?ver=3.1.3文件的第80行。

执行选择器$（“a [rel ^ ='wp-prettyPhoto']，[rel ^ ='prettyPhoto']”）后，我得到了[]作为结果。

如果这是你问题的根源，我不知道，但这是错误的。

亲切的问候

jQuery脚本突然失败 - 无法纠正问题

1 个答案: