Conflicting .js, checkout not working

Question

I have my site up and running but I am unable to get the checkout to work and I know why, but I do not know the fix.

<?php if($themeConfig->get("enable_ajaxcart")) { ?>
<script type="text/javascript">
        var ajaxCart = true;
</script>
<?php } ?>
<script type="text/javascript">
    var minicart_url = "<?php echo Mage::helper('ves_tempcp')->getMinicartURL(); ?>";
</script>

<?php echo $this->getCssJsHtml() ?>
<?php echo $this->getChildHtml() ?>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo $this->getSkinUrl('calCustom/js/min/ecoWarrior.min.js');?>"></script>

The last two scripts are what run my menus however because they come after the getCssJsHtml() ?> it conflicts with my checkout however moving them before this stops my Menu from working and gets my checkout to work. I have heard of using the $.noConflict(); but I'm not getting anywhere and cant fathom it out.

The line causing the issue is getSkinUrl('calCustom/js/min/ecoWarrior.min.js');?>">

Can anyone offer any insight?

Answer 1

Finally got the answer, I had to open ecoWarrior.min.js and change all instances of $ to jQuery so noconflict worked fully.

also moving each to above <?php echo $this->getCssJsHtml() ?> stopped other error from occurring.

Answer 2

What error do you see in your developer tools console? If you're sure the conflict is in ecoWarrior.min.js then you can try this:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">jQuery.noConflict();</script>
<script type="text/javascript" src="<?php echo $this->getSkinUrl('calCustom/js/min/ecoWarrior.min.js');?>"></script>

I could give more specific insight if you provided your site's URL or the error that is being thrown by your browser's dev tools.