0

私は、開いて画像を表示し、コンテナをフェードアウトして画像を表示する、非常に迅速なjsモジュールを作成しています。画像のマークアップは次のとおりです。

<div style="margin-bottom:1px;" class="rsNavItem rsThumb front">
    <div class="rsTmb portfolio">
        <img src="http://www.mysterium.ch/revelation/pictures/revelation_highres_06.jpg"/>
    </div>
</div>

クリックすると、基本的に div がフェードアウトし、コンテナが表示されます。

loadSlide: function () {

            console.log('clicked');

            //$('.rsThumb').each(function () {
                var containerT = $('.rsnav-container'),
                containerB = containerT.find('.rsThumb');


            $('.rsThumb').click(function (e) {

                console.log('clicked again');

                e.preventDefault();

                var sliderObject = $('.collection #gallery-t-group').data('royalSlider');

                var s = this;

                // Lets make sure the body is activated
                $('body').addClass('rsSlider-active');

                $('.loader').show().transition({
                    opacity: 1
                }, 100, 'easeInOutQuart');

                // $('.socialbar-vertical-static').removeClass('activestate');

                $('.body').transition({
                    opacity: 0
                }, 100, 'easeInOutQuart');

                // After slider loads
                setTimeout(function () {
                    $('.body').transition({
                        opacity: 1
                    }, 500, function() {
                        $('.loader').transition({
                            opacity: 0
                        }, 500).hide();
                    });

                    theSliderActivated();
                    theSocialActivated();

                    sliderObject.updateSliderSize(true);

                    $('div#container').css('margin',0);
                }, 1000);

            });
            //});
        }

スクリプトも次のように上部にロードされます。

init: function() {

            var app = this;

            this.fakingIt();
            this.loadSlide();
            this.unloadSlide();
            this.mobileNav();
            this.loadThumbs();
            this.royalSlider();
            this.thumbsSwitch();
            this.functionResize();
            this.theSocialActivated();
            this.slideEventChange();

            console.log('======> new.global.js');


        }

何らかの理由で、イベントがまったく登録されず、クリックしても何も登録されないコンソールログがあります。

私はここで本当に間違ったことをしていますか？

乾杯

4

1 に答える 1

0

ドキュメント準備完了イベント ハンドラー内から確実に init() を呼び出していることを確認してください。これにより、クリック イベントにバインドするときに rsThumb div を使用できるようになります。

$(function(){
    init();
});
于 2013-10-17T15:50:01.487 に答える