2012-01-16 51 views
0

我今天開始了我的第一個backbone.js應用程序,並遇到第一個問題。我使用RequireJS,Backbone和Underscore。Backbone.js和RequireJS添加JQuery插件

所以我寫了這一點:

main.js

require.config({ 
    paths: { 
    jquery: 'libs/jquery/jquery-min', 
    underscore: 'libs/underscore/underscore-min', 
    backbone: 'libs/backbone/backbone-optamd3-min', 
    text: 'libs/require/text', 
    jticker: 'libs/jquery/jquery.jticker' 
    } 

}); 

require([ 
    'app' 
], function(App){ 
    App.initialize(); 
}); 

由默認路由app.js

define([ 
    'jquery', 
    'underscore', 
    'backbone', 
    'router', // Request router.js 
], function($, _, Backbone, Router){ 
    var initialize = function(){ 
    Router.initialize(); 
    } 

    return { 
    initialize: initialize 
    }; 
}); 

視圖app.js呼叫

define([ 
    'jquery', 
    'underscore', 
    'backbone', 
    'jticker' 
    ], function($, _, Backbone, jticker){ 
    var AppView = Backbone.View.extend({ 

    el: $("body"), 

    initialize: function() { 
     _.bindAll(this, 'render'); 
    }, 

    render: function() { 
     $(this.el).append('bla'); 
     $(".dialogue").jticker(); 
    }, 

    }); 
    return AppView; 
}); 

我有這個問題在我看來,我該如何使用jticker?其實它會產生一個沒有細節的錯誤:

$(
[Stopper sur une erreur]  

$(".dialogue").jticker(); 
+0

您的模板是什麼樣的?你在頁面上是否有.dialogue dom元素?此外,是jticker包裝來定義可以包含的模塊? – ryanmarc 2012-01-17 06:07:03

回答

2

你試圖在渲染後使用jticker()嗎?因爲我在我的一個項目中遇到了同樣的問題!如果您等待DOM完全加載,然後使用jticker()設置「.dialogue」...只需5美分

+0

我通過添加order.js插件來解決它,它看起來像它的作品 – Awea 2012-02-03 11:16:24