jQuery, jQuery-Validate and Twitter Bootstrap Dropdowns

I was having difficulty combining the use of Twitter Bootstrap, its Dropdown menus, jQuery and the jQuery Validate plugin. I was playing around with the order of the .js files finding that I could sometimes get the menus to work but not the validation and vice versa. The order below is what is working for me now:

<script type=”text/javascript” src=”/assets/js/bootstrap.js”></script>
<script type=”text/javascript” src=”/scripts/jquery/jquery-1.7.1.min.js”></script>
<script type=”text/javascript” src=”/assets/js/bootstrap-alert.js”></script>
<script type=”text/javascript” src=”/assets/js/bootstrap-tooltip.js”></script>
<script type=”text/javascript” src=”/assets/js/bootstrap-transition.js”></script>
<script type=”text/javascript” src=”/assets/js/bootstrap-collapse.js”></script>
<script type=”text/javascript” src=”/assets/js/bootstrap-dropdown.js”></script>
<script type=”text/javascript” src=”/scripts/thickbox/thickbox-compressed.js”></script>
<script type=”text/javascript” src=”/scripts/gritter/js/jquery.gritter.min.js”></script>
<script type=”text/javascript” src=”/scripts/jquery-validation/jquery.validate.min.js”></script>
<script type=”text/javascript” src=”/scripts/nrs.js”></script>

Leave a Reply

  • (will not be published)

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>