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 回答