Question

这绝对让我发疯！有人可以解释为什么这个代码不起作用以及如何解决它？应该将“click”消息发送到控制台，但它无法正常工作。控制台消息在其他任何地方都可以使用，但由于某些原因，javascript没有捕获点击事件。

var resultsListView = new ResultsListView({model: comparablesList});

ResultsListView = Backbone.View.extend({
        tagName:'div',
        id:'resultView',
        template:_.template("<div class='resultsListItemView'></div>"),

        initialize:function () {
            $( this.el ).html('<p class="loadingText">Getting comparables...<p>');
            this.model.bind("change", this.render, this);
            this.model.bind("reset", this.loading, this);
        },

        render:function (eventName) {
            $( this.el ).html( this.template() );

            _.each(this.model.models, function (comparable) {
                this.$('.resultsListItemView').append(new ResultsListItemView({model:comparable}).el);
            }, this);

            $('#info').html($(this.el));

            return this;
        }
    });

    ResultsListItemView = Backbone.View.extend({
            initialize: function(){
                this.render();
            },

            template:_.template("<div class='hovr_item'> \
                                    <div class='hovr'> \
                                        <button class='test123'>test</button> \
                                    </div> \
                                </div> "),

            render: function(){
                var resultsListItemView = this;
                $(this.el).html(this.template(this.model.toJSON()));

                $(this.el).find('.test123').click(function() {
                    console.log('click'); // this does not work after clicking
                });
                return this;
            }
        });

作为一个额外的线索，如果我将此代码放入渲染中，它确实显示在控制台中...所以它似乎只是点击事件：

$(this.el).find('.test123').each(function(index) {
        console.log('found');
    });

Answer 1

您是否尝试将此事件与events属性绑定？即：

events: "click .test123": "affiliateClick"

$（this.el）.find（）。click（）在backbone.js中不起作用

1 个答案: