Making jCarousel view responsive Using the example on [this][1] page, I have the following jQuery code:

(function ($) {
  Drupal.behaviors.gsdOmega4ExampleBehavior = {
    attach: function (context, settings) {
      var jcarousel = $('.home-jcarousel');
      console.log('executed');
      jcarousel.on('jcarousel:create jcarousel:reload', function() {
        console.log('never executed');
      })
      console.log('executed');
  };
})(jQuery);


The 'jcarousel' object is being referenced correctly.  I don't understand why jcarousel.on() is not being executed
Most likely because on() didn't exist before jQuery 1.7, and Drupal ships with...well, not 1.7.

The standard solution is to install jQuery Update and select 1.7 as the version for the site.

For future reference, check for JS errors in the browser console - there will be something very similar to this in there:


  Object [object Object] has no method 'on'