Question

In my head.phtml, I have following declaration for getting a menu work.

<script src="<?php echo $this->getJsUrl(); ?>lib/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="<?php echo $this->getJsUrl(); ?>jQuery_1205141001.js" type="text/javascript"></script>
<script src="<?php echo $this->getJsUrl(); ?>Common_1205141001.js" type="text/javascript"></script>
<script src="<?php echo $this->getJsUrl(); ?>lib/jquery.jcarousel.min.js" type="text/javascript"></script>

Now, I am able to get the menu work, but because of this the Add-to-cart button on the details page is broken. If I remove the above references, the Add-to-cart button is restored. I looked at various question regarding the conflict between prototype.js and jquery and tried following things

1. First, I tried adding jQuery.noConflict(); at the end of jquery-1.4.2.min.js, but it didn’t worked. It also broke the menu
2. Second, I tried adding jQuery.noConflict(); at the start of my query files, jQuery_1205141001.js and Common_1205141001.js. That too didn’t helped.

Please tell me how to get both the things working. You can visit this LINK for live test. Here you will see the menu working but the Add to cart is broken.

NOTE:- It has nothing to do with the Superfish.js and other errors shown in jquery debugger.

Answer 1

<script src="<?php echo $this->getJsUrl(); ?>lib/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="<?php echo $this->getJsUrl(); ?>jQuery_1205141001.js" type="text/javascript"></script>
<script src="<?php echo $this->getJsUrl(); ?>Common_1205141001.js" type="text/javascript"></script>
<script src="<?php echo $this->getJsUrl(); ?>lib/jquery.jcarousel.min.js" type="text/javascript"></script>
<script type="text/javascript">
  $.noConflict(); //Use no conflict here instead of js file
  // Code that uses other library's $ can follow here.
</script>

For details visit a link.
http://api.jquery.com/jQuery.noConflict/