jquery - 滑块未与 $(window).load 一起运行

Question

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

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

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

有人可以帮我理解这一点吗？

编辑：之前已经有一个 $(document).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 调用之前），这似乎解决了问题。