Why doesn't script.js work when I also use plusSlider? - php

Question

I have two scripts the first is script.js that uses quicksand.js and the second is plusslider.
When I use code like the following, the plusslider works but the script.js doesn't.
But, when I delete the plussslider call the script.js works fine.
How do I make them work at the same time?
This is my header.php:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.quicksand.js"></script>
<script language="javascript" type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/script.js"></script>
<script language="javascript" type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.plusslider-min.js"></script>
<script language="javascript">
$(document).ready(function(){
$('#slider').plusSlider({
createPagination: false,
sliderEasing: 'easeInOutExpo',
fullWidth: true,
sliderType: 'slider'
});
});
</script>
<?php wp_head(); ?>

Answer 1

Check to see how the links appear when you do a view source in the browser. Copy the relevant ones and make sure their addresses load the files in the address-bar.
Also, don't use language="javascript" that was old-school 5 years ago and might throw the right browser with the wrong doctype.
But trust me. Always go to the HTML first, every time. Even if that doesn't help you this time.
Also making sure you're not doing something silly in script.js like overwriting the $ namespace.
Another possible issue. Are all your resource links https? By that I mean images, CSS, other JS files, the actual page you're loading, etc...