Question

Backbonejs.org说

“ - 虽然非常刻意地避免通过做出任何让你自己做得更好的决定而把你画成一个角落。”

所以我有一个像这样的BackBone视图：

var LotsaToys= Backbone.View.extend({
el: '#CaveToy',
events: {
'click .slide': 'slideAnimal'
},
initialize: function (obj) {
    this.collection = new Yoyo(obj);
    this.render();
},
render: function () {
    this.collection.each(function (item) {
        this.renderToy(item);
    }, this);
},
renderBook: function (item) {
    var ToyView = new oneToy({
        model: item
    });
    this.$el.append(ToyView .render().el);
}
});

这样简单的Jquery代码：

$(document).ready(function () {
    var sudoSlider = $("#slider").sudoSlider({
        vertical: true,
        continuous: false
    });
});

我是否只需在幻灯片功能中添加JQuery代码即可将它们组合在一起？（简单的Jquery图像滑块）

slideAnimal: function (event) {

    $(document).ready(function () {
    var sudoSlider = $("#slider").sudoSlider({
        vertical: true,
        continuous: false
      });
     }); 
    });

我是一个菜鸟，所以请给我一个解释，不知道'良好实践'的方式是什么，或者以什么方式更好地实施..

Answer 1

您需要将其放在render

之后

render: function () {
    this.collection.each(function (item) {
        this.renderToy(item);
    }, this);
    this.slideAnimal();
},

slideAnimal: function() {
    this.$("#slider").sudoSlider({
        vertical: true,
        continuous: false
    });
}

如何将我的backbonejs视图与jquery结合起来

1 个答案: