为什么简单的点击功能找不到选择器

Question

我正在编写一个非常快速的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');

        }

由于某种原因，它根本不会注册事件，即使在单击后使用控制台日志，也不会注册任何内容。

我在这里真的做错了什么吗？

Answer 1

确保你肯定是从文档就绪事件处理程序中调用 init（）。这将确保 rsThumbdiv 在绑定到其单击事件时可用。

$(function(){
    init();
});