I added a new module and it breaks Javascript from my theme. How can I fix? I have recently installed a new module, "Views Nivo Slider", and it is breaking the javascript on my web site that I have added via my theme.  I'm at a loss as to what I should do to fix the issue.

By Break, I mean that the code from my theme no longer executes. It also throws no errors. It just acts like the code no longer exists

In my custom theme, I add javascript by adding this line in the theme:

scripts[] = js/js.js

I had added the code by using the onready event:

$(document).ready(function() {


Now I read online that perhaps this was not the best method to add code and that I should bind with drupal events. I tried to change my code to use this method to see if it would make a difference:

Drupal.behaviors.addMenu = function (context) {


My code always works IF this module is not being used.  However, whenever I turn this module on, it breaks all of my javascript. I've spent about 2 hours looking around and searching for articles and I have had no luck so far.

The articles I was looking at to learn more about behaviors were:

http://www.phase2technology.com/node/663/

http://mydrupalblog.lhmdesign.com/drupal-theming-jquery-basics-inc-drupal-behaviors

The javascript code being used by this module is: 

// $Id: views_nivo_slider.js,v 1.1.2.5.2.2 2010/06/18 15:04:17 pedrofaria Exp $ 
Drupal.behaviors.views_nivo_sliderBehavior = function (context) {
  $('.views-nivo-slider').each(function() {
    var id = $(this).attr('id');
    var vns = $(this);
    var cfg = Drupal.settings.views_nivo_slider[id];

    // Fix sizes
    vns.data('hmax', 0).data('wmax', 0);
    $('img', vns).each(function () {
      hmax =  (vns.data('hmax') &gt; $(this).height()) ? vns.data('hmax') : $(this).height();
      wmax =  (vns.data('wmax') &gt; $(this).width()) ? vns.data('hmax') : $(this).width();

      vns.width(wmax).height(hmax).data('hmax', hmax).data('wmax', wmax);
    });

    vns.nivoSlider(cfg);
  });
};


The only error on the page is from jqeuery reading the minified javascript. I don't think this is causing the issue b/c the rotator (what uses this) still works.


Can someone please provide me with some guidance?
The screenshot in your question shows an error regarding the jQuery live() function, this was added in jQuery 1.3 and Drupal 6 comes with 1.2.6.

If you want to use a newer version of jQUery (needed by some modules), you can user the jQuery update module or see this tutorial: Using Newer Versions of jQuery with Drupal 6.