Your page is loaded with jQuery errors (not using no-conflict), and additionally your isotope.js doesn’t appear to be in no-conflict. This is why you’re getting errors like $ is undefined. Once you fix your jQuery by either replacing the $ with jQuery or wrapping your functions in
(function($) {
$('selector');// Now you can use the $ to do whatever you want.
})( jQuery );
you should be in business. Your first JS doc looks like it also has an extra }); at the end. Then in your main page where you call the flex slider
<script type="text/javascript" charset="utf-8">
$(window).load(function () {
$('.flexslider').flexslider({
touch: true, // to allow for touch controls
});
});
</script>
This is also the wrong, and need to be in no-conflict.
Try this:
<script type="text/javascript" charset="utf-8">
(function($){
$(window).load(function () {
$('.flexslider').flexslider({
touch: true, // to allow for touch controls
});
});
})(jQuery);
</script>
or just replace the $ with jQuery like this:
<script type="text/javascript" charset="utf-8">
jQuery(window).load(function () {
jQuery('.flexslider').flexslider({
touch: true, // to allow for touch controls
});
});
</script>