Forums

Jquery not loading correctly - Autonav and accordions not working

Permalink
Hi all,

Since creating a footer.php section and moving my JS/Jquery calls to there, my Sticky header, Autonav or accordions are no longer functioning.

Here is a link to my websitehttp://www.smartinfluence.co.uk/rsdatashred...

Any thoughts? is this down to conflict?

Thanks

David
 
ConcreteOwl replied on at Permalink Reply
ConcreteOwl
You calling jQuery twice!
Take a look at the source code of your site 
<!-- jQuery -->
  <script type="text/javascript" src="/rsdatashred/concrete/js/jquery.js"></script> ## HERE ##
    <!-- Bootstrap Core JavaScript -->
 <script type="text/javascript" src="/vendor/bootstrap/js/bootstrap.min.js"></script>
    <!--Google Fonts-->
    <link href="https://fonts.googleapis.com/css?family=Titillium+Web" rel="stylesheet">
    <!-- Plugin JavaScript -->
   <script type="text/javascript" src="/rsdatashred/application/themes/shreddinghttps://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
     <script type="text/javascript" src="/rsdatashred/application/themes/shreddingvendor/scrollreveal/scrollreveal.min.js"></script>
    <script type="text/javascript" src="/rsdatashred/application/themes/shreddingvendor/magnific-popup/jquery.magnific-popup.min.js"></script>
     <!-- Theme JavaScript -->
    <script type="text/javascript" src="/rsdatashred/concrete/js/jquery.js"></script> ## AND HERE ##
    <script type="text/javascript" src="/rsdatashred/application/themes/shredding/js/creative.min.js"></script>
<script type="text/javascript" src="/rsdatashred/application/blocks/autonav/templates/sooperfish/view.js"></script>
<script type="text/javascript" src="/rsdatashred/application/blocks/autonav/templates/sooperfish/js/jquery.sooperfish.min.js"></script>
Viewing 15 lines of 17 lines. View entire code block.
ConcreteOwl replied on at Permalink Reply
ConcreteOwl
Here are all the console errors..
Failed to load resource: the server responded with a status of 404 (Not Found)
http://www.smartinfluence.co.uk/rsdatashred/application/themes/shreddingvendor/magnific-popup/jquery.magnific-popup.min.js Failed to load resource: the server responded with a status of 404 (Not Found)
http://www.smartinfluence.co.uk/rsdatashred/application/themes/shredding/js/creative.min.js Failed to load resource: the server responded with a status of 404 (Not Found)
http://www.smartinfluence.co.uk/rsdatashred/application/themes/shreddingvendor/scrollreveal/scrollreveal.min.js Failed to load resource: the server responded with a status of 404 (Not Found)
http://www.smartinfluence.co.uk/vendor/bootstrap/js/bootstrap.min.js Failed to load resource: the server responded with a status of 404 (Not Found)
http://www.smartinfluence.co.uk/rsdatashred/application/themes/shreddinghttps://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js Failed to load resource: the server responded with a status of 404 (Not Found)
http://www.smartinfluence.co.uk/rsdatashred/application/themes/shreddingvendor/scrollreveal/scrollreveal.min.js Failed to load resource: the server responded with a status of 404 (Not Found)
http://www.smartinfluence.co.uk/rsdatashred/application/themes/shreddingvendor/magnific-popup/jquery.magnific-popup.min.js Failed to load resource: the server responded with a status of 404 (Not Found)
http://www.smartinfluence.co.uk/rsdatashred/application/themes/shredding/js/creative.min.js Failed to load resource: the server responded with a status of 404 (Not Found)
http://www.smartinfluence.co.uk/rsdatashred/vendor/magnific-popup/magnific-popup.css Failed to load resource: the server responded with a status of 404 (Not Found)
freddo1990 replied on at Permalink Reply
Hi Weyboat,

Thanks for your prompt reply, just amended and still no luck,

Please see my amended source here: 

<!-- jQuery -->
    <script type="text/javascript" src="<?=$view->getThemePath()?>/vendor/jquery/jquery.js"></script>
    <!-- Bootstrap Core JavaScript -->
 <script type="text/javascript" src="<?=$view->getThemePath()?>/vendor/bootstrap/js/bootstrap.min.js"></script>
    <!--Google Fonts-->
    <link href="https://fonts.googleapis.com/css?family=Titillium+Web" rel="stylesheet">
    <!-- Plugin JavaScript -->
   <script type="text/javascript" src="<?=$view->getThemePath()?>https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
     <script type="text/javascript" src="<?=$view->getThemePath()?>/vendor/scrollreveal/scrollreveal.min.js"></script>
    <script type="text/javascript" src="<?=$view->getThemePath()?>/vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
     <!-- Theme JavaScript -->
     <script type="text/javascript" src="<?=$view->getThemePath()?>/js/datashred.min.js"></script>


Thanks

David
ConcreteOwl replied on at Permalink Reply
ConcreteOwl
Check your browsers console, you will see the errors..
http://www.smartinfluence.co.uk/rsdatashred/vendor/magnific-popup/magnific-popup.css Failed to load resource: the server responded with a status of 404 (Not Found)
http://www.smartinfluence.co.uk/rsdatashred/application/themes/shreddinghttps://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js Failed to load resource: the server responded with a status of 404 (Not Found)
http://www.smartinfluence.co.uk/rsdatashred/vendor/magnific-popup/magnific-popup.css Failed to load resource: the server responded with a status of 404 (Not Found)
ConcreteOwl replied on at Permalink Reply
ConcreteOwl
This.
http://www.smartinfluence.co.uk/rsdatashred/application/themes/shreddinghttps://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js

Should be..
cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js

And the other errors are incorrect paths to the files.
ConcreteOwl replied on at Permalink Reply
ConcreteOwl
Not sure putting jQuery in the footer will work if elements of your page depend on its presence before they are initialised?
Putting in the footer could be too late in the routine, not sure about this though..