I'm trying to build a Bootstrap-based theme, and have been tearing my hair out trying to get jQuery to work with the the other libraries that are included. I've tried various methods that I've run across to resolve conflicts between all of the libraries, but none of them seem to work (I don't remember what I've tried now -- it's been a few weeks). As far as I can tell, the prototype scripts are working, but the jQuery scripts are not (specifically, the menu drop-downs). Here is the relevant source code from the header:
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
...
<script type="text/javascript" src="http://localhost:8888/js/prototype/prototype.js"></script>
<script type="text/javascript" src="http://localhost:8888/js/lib/ccard.js"></script>
<script type="text/javascript" src="http://localhost:8888/js/prototype/validation.js"></script>
<script type="text/javascript" src="http://localhost:8888/js/scriptaculous/builder.js"></script>
<script type="text/javascript" src="http://localhost:8888/js/scriptaculous/effects.js"></script>
<script type="text/javascript" src="http://localhost:8888/js/scriptaculous/dragdrop.js"></script>
<script type="text/javascript" src="http://localhost:8888/js/scriptaculous/controls.js"></script>
<script type="text/javascript" src="http://localhost:8888/js/scriptaculous/slider.js"></script>
<script type="text/javascript" src="http://localhost:8888/js/varien/js.js"></script>
<script type="text/javascript" src="http://localhost:8888/js/varien/form.js"></script>
<script type="text/javascript" src="http://localhost:8888/js/varien/menu.js"></script>
<script type="text/javascript" src="http://localhost:8888/js/mage/translate.js"></script>
<script type="text/javascript" src="http://localhost:8888/js/mage/cookies.js"></script>
Here is the source code for my drop-down menu:
<div class="nav-collapse collapse">
<ul class="nav main-nav">
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="http://localhost:8888/index.php/on-the-scene.html">On the Scene <b class="caret"></b></a> <ul class="dropdown-menu medtech">
<li>
<a href="http://localhost:8888/index.php/on-the-scene/alternate-light-source.html">
Alternate Light Source</a>
</li>
</ul>
</li>
</ul>
</div><!-- /.nav-collapse -->
</div>
</div><!-- /.navbar-inner -->
</div><!-- /.navbar -->
--
And here is some code added in the body by a plugin (I'm not sure if it's relevant or not):
<link rel="stylesheet" type="text/css" href="http://localhost:8888/skin/frontend/default/default/css/magebuzz/productslider.css" media="all" />
<script type="text/javascript" src="http://localhost:8888/js/magebuzz/jquery/jquery-latest.js"></script>
<script type="text/javascript" src="http://localhost:8888/js/magebuzz/jquery/jquery.bxSlider.js"></script>
<link rel="stylesheet" type="text/css" href="http://localhost:8888/skin/frontend/default/default/css/magebuzz/productslider/simple-slider.css" media="all" />
<script type="text/javascript">
var $simpleSlider = jQuery.noConflict();
$simpleSlider(document).ready(function(){
$simpleSlider('#list-items').bxSlider();
});
</script>
--
Finally, in the footer:
<script src= http://localhost:8888/skin/frontend/default/medtech/js/bootstrap.min.js></script>
<script src= http://localhost:8888/skin/frontend/default/medtech/js/bootstrap-lightbox.js></script>
<script src= http://localhost:8888/skin/frontend/default/medtech/js/bootstrap-dropdown.js></script>
Like I said, I've tested quite a few solutions that I've found -- including using a jQuery-friendly version of prototype -- but none of the solutions I've tried have fixed the menu drop-down. (I know it would be helpful to recall the solutions that I've tried, but I don't remember now.) The menu drop-down worked when I first started building the theme -- so I don't think there's anything wrong with the code for the menu.
It seems like it should be fairly simple to reconcile the libraries -- and I know it's a common issue -- so maybe I'm missing something else. Maybe the libraries are called in the wrong order? Maybe the scriptaculous library is causing further problems? I'm not sure. But any ideas or solutions, given my source code, would be appreciated.