0

OK、ここで適切に説明しなかった前の質問からの新しい角度:

私たちの開発サイトでは、ここでスライダーが完全に機能しています。

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

3 に答える 3

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')
            });
        });
    });
});
于 2012-11-08T13:17:53.733 に答える
0

私は使用することをお勧めします、それは私に失敗したことはありません

     $(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')
            });
        });
    })
于 2012-11-08T12:53:45.257 に答える
0

問題は、thickbox JavaScript が適切に呼び出されていないか、何らかの競合に関連していると判断しました。私たちは、thickbox js 呼び出しを js 呼び出しのリストの一番上 (jQuery.js 呼び出しの前) に移動しました。これで問題が解決したようです。

于 2012-11-18T10:08:09.383 に答える