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

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

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

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

你在$(document).ready()分配$(window).load() – 它不应该在那里，因为它太晚了。

试试这个…

 (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调用之前），这似乎解决了这个问题。