I currently have an app that works by placing the following within the HTML header
<link href="{{ MEDIA_URL }}css/style.css" rel="stylesheet" type="text/css" media="screen" />
<link href="{{ MEDIA_URL }}jquery/css/custom/jquery-ui-1.8.6.custom.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="{{ MEDIA_URL }}jquery/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="{{ MEDIA_URL }}jquery/js/jquery-ui-1.8.6.custom.min.js"></script>
However I also want to use the new bootstrap styling that requires the following,
<script type="text/javascript" src="{{ MEDIA_URL }}jquery/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="{{ MEDIA_URL }}jquery/js/bootstrap.min.js"></script>
However as soon I mix the 2 I get some random bevaiour with the app, typically the following error "Uncaught ReferenceError: jQuery is not defined".
How should I be doing this ?
Thanks,
jQuery.noConflict()
as soon as you load your new version of jquery. Please check the jquery doc for use of it in your code