Question

好的，上一个问题的新角度，我没有正确解释here：

我们的开发网站的滑块在这里完美运行：

http://allblacks.01dev.co.nz/index.cfm?layout=dnaHome

但是，我们只是把网站设置为现场，而且它在这里不起作用：

http://www.allblacks.com/index.cfm?layout=dnaHome

我已将问题隔离到以下代码段。警报会在01dev网站上触发，但不会在实际网站上触发。

$(window).load(function () {
            $('.wraplines a, .wraplines .wrapspan').wraplines().addClass('wrapped clearfix');
            alert('here');

            $('.carousel').each(function () {
                $(this).Waterfall({
                    autoStart: $(this).data('autostart'),
                    startAt: $(this).data('startat'),
                    infiniteScroll: $(this).data('infinitescroll'),
                    hasPager: $(this).data('haspager')
                });
            });
        });

有人能帮我理解吗？

编辑：已经有一个$（文件）.ready ...早些时候，如下所示：

(function ($) {
    "use strict";

    $(document).ready(function () {
        var html = $('html'),
            body = $('body'),
            header = $('.header'),
            searchTrigger = $('.search'),
            searchPane = $('.search-pane');

        html.removeClass('no-js');

        $(window).load(function () {
            $('.wraplines a, .wraplines .wrapspan').wraplines().addClass('wrapped clearfix');
            alert('here');

            $('.carousel').each(function () {

                $(this).Waterfall({
                    autoStart: $(this).data('autostart'),
                    startAt: $(this).data('startat'),
                    infiniteScroll: $(this).data('infinitescroll'),
                    hasPager: $(this).data('haspager')
                });
            });
        });

Answer 1

您在$(window).load()内分配$(document).ready() - 它不应该在那里，因为它已经太晚了。

试试这个......

(function ($) {
    "use strict";

    $(document).ready(function () {
        var html = $('html'),
            body = $('body'),
            header = $('.header'),
            searchTrigger = $('.search'),
            searchPane = $('.search-pane');

        html.removeClass('no-js');

        $('.wraplines a, .wraplines .wrapspan').wraplines().addClass('wrapped clearfix');
        alert('here');

        $('.carousel').each(function () {

            $(this).Waterfall({
                autoStart: $(this).data('autostart'),
                startAt: $(this).data('startat'),
                infiniteScroll: $(this).data('infinitescroll'),
                hasPager: $(this).data('haspager')
            });
        });
    });
});

Answer 2

我建议使用，它永远不会让我失望

     $(document).ready(function(){ 
        $('.wraplines a, .wraplines .wrapspan').wraplines().addClass('wrapped clearfix');
        alert('here');

        $('.carousel').each(function () {
            $(this).Waterfall({
                autoStart: $(this).data('autostart'),
                startAt: $(this).data('startat'),
                infiniteScroll: $(this).data('infinitescroll'),
                hasPager: $(this).data('haspager')
            });
        });
    })

Answer 3

我们确定问题与胖盒javascript没有被正确调用或某种类型的冲突有关。我们将thickbox js调用移动到js调用列表的顶部（在jQuery.js调用之前），这似乎解决了这个问题。

滑块没有运行$（window）.load

3 个答案: