Search code examples
jqueryjquery-pluginsconflict

jquery conflict when adding jquery.min.js

I am trying to use the jquery.scrollableFixedHeaderTable.js extension to make my table header fixed while you scroll through a table .

but when I try to add jquery.min.js for tooltip plugin, and for some reason scrollbar is not working and the tooltip is working well here is a source link

or http://jsfiddle.net/jassyr/8vwSt/

Solution

  • It's because you are overwriting your jQuery-library after you add the jQuery-plugin:

    <!-- here you declared it for the first time --> 
<script type="text/javascript" src="javascripts/jquery.js"></script>
<!-- here you declared your plugin -->
<script type="text/javascript" src="javascripts/jquery.scrollableFixedHeaderTable.js"></script>
<!-- however, here you do overwrite your jQuery-declaration -->     
<script type="text/javascript" src="http://itsmeara.com/jquery/atooltip/js/jquery.min.js">  </script>

    Remove the second jQuery-declaration and it will work fine.