Question

We have a site that we would like our customers to embed in their websites using an iFrame. Unfortunately, it works in every browser except for the miserable IE 6, 7 and 8.

The problem is that we get:

Object doesn’t support this property or method.

on the first mention of $ in our jQuery. We know why this is happening, apparently it is due to conflicts with an existing JS library at our customer’s site. However, what we don’t know is how to fix it.

This is a Rails 3 application that uses the jQuery 1.4.2. We don’t know where to put the jQuery.noConflict() call. Also, we’re confused as to what that would do to the numerous jQuery plugins we are doing. Can anybody offer any insight?

Answer 1

noConflict() gives up control of the $ so other libraries may use it.

I would wrap all your jQuery code with this code.

  $.noConflict();
  jQuery(document).ready(function($) {
    // Code that uses jQuery's $ can follow here.
  });

This will effectively pass the $ back to your ready function so you may use it like you are expecting to.