Backbone.js and RequireJS add JQuery plugins

Question

I started my first backbone.js app today and I meet a first problem. I use RequireJS, Backbone and Underscore.

So I wrote this :

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
  };
});

view app.js call by the default route

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;
});

And i have this problem how can I use jticker in my view ? Actually it produce an error without details :

$(
[Stopper sur une erreur]    

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

What does your template look like? Do you already have .dialogue dom elements on the page? Also, is jticker wrapped to define a module that can be included? — ryanmarc
– ryanmarc, Commented Jan 17, 2012 at 6:07

3logy · Accepted Answer · 2012-01-17 03:21:07Z

2

Have you try to use jticker() after the rendering? because i have the same problems actually in one of my project! If you wait that the DOM completly loaded and then set ".dialogue" with jticker()... just my 5 cents

answered Jan 17, 2012 at 3:21

3logy

2,7128 gold badges49 silver badges103 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Awea Over a year ago

I fix it by adding order.js plugin and it looks like it works

Collectives™ on Stack Overflow

Backbone.js and RequireJS add JQuery plugins

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related