Question

我有一个令人困惑的问题。一小部分javascript用于计算在Wordpress childtheme中设置的给定数字，并根据父主题进行调整。该脚本在我的开发环境中运行良好，但在使用完全相同的代码库的实时环境中，代码失败并返回熟悉的

Uncaught TypeError: undefined is not a function

它似乎在第一次运行时工作正常但在后续运行时失败。在实时服务器上失败的特定代码行是：

$(this).waypoint(function(direction) {

我已经检查并仔细检查了代码库（它是完全相同的）并检查了所有文件的权限（都是可读的）。我完全不知所措 - 任何人都可以对此有所了解吗？

您可以在此处查看http://bit.ly/1vUX8pf

在示例中，它是失败的顶级计数器。代码略微从柜台底部的计数器调整，继续工作正常。说我感到困惑是轻描淡写的！

完整代码：

(function($) {

function audioSecondsInit() {
    $('.nectar-audioseconds').each(function() {
        if($(this).has('[data-symbol]')) {
            if($(this).attr('data-symbol-pos') == 'before') {
                $(this).find('.number').prepend($(this).attr('data-symbol'));
            } else {
                $(this).find('.number').append($(this).attr('data-symbol'));
            }
        }
    });

    if(!$('body').hasClass('mobile')) {
        $('.nectar-audioseconds').each(function() {
            // FAILS HERE >>>
            $(this).waypoint(function(direction) {
                var $endNum = parseInt($(this).find('.number span').text());
                $endNum = $endNum + (23671233 * Math.floor(( (new Date()) - Date.parse('12/01/2014') ) / 86400000));
                $(this).find('.number span').countToFormat({
                    from: 0,
                    to: $endNum,
                    speed: 1500,
                    refreshInterval: 30
                });
            }, { offset: '105%', triggerOnce: true });
        }); 
    }
}
setTimeout(function(){ 
    audioSecondsInit();
},100); 

$.fn.countToFormat = function (options) {
    console.log("countToFormat");
    options = options || {};

    return $(this).each(function () {
        var settings = $.extend({}, $.fn.countTo.defaults, {
            from:            $(this).data('from'),
            to:              $(this).data('to'),
            speed:           $(this).data('speed'),
            refreshInterval: $(this).data('refresh-interval'),
            decimals:        $(this).data('decimals')
        }, options);

        var loops = Math.ceil(settings.speed / settings.refreshInterval),
            increment = (settings.to - settings.from) / loops;

        var self = this,
            $self = $(this),
            loopCount = 0,
            value = settings.from,
            data = $self.data('countTo') || {};

        $self.data('countTo', data);

        if (data.interval) {
            clearInterval(data.interval);
        }
        data.interval = setInterval(updateTimer, settings.refreshInterval);

        render(value);

        function updateTimer() {
            value += increment;
            loopCount++;

            render(value);

            if (typeof(settings.onUpdate) == 'function') {
                settings.onUpdate.call(self, value);
            }

            if (loopCount >= loops) {
                // remove the interval
                $self.removeData('countTo');
                clearInterval(data.interval);
                value = settings.to;

                if (typeof(settings.onComplete) == 'function') {
                    settings.onComplete.call(self, value);
                }
            }
        }
        function render(value) {
            var formattedValue = settings.formatter.call(self, value, settings);
            $self.html(numberWithCommas(formattedValue));
        }
        function numberWithCommas(x) {
           return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
        }
    });
};

})(jQuery);

Answer 1

在您的网站中，我看不到waypoint.min.js。

首页，我对它进行了调试，并发现它在第一次处理函数时很麻烦，因为.waypoint不存在。

Javascript Uncaught Type Error仅适用于Live环境，适用于Dev

1 个答案: