1

I'm no jQuery guru, and cannot seem to get this needed jQuery feature loaded on a site for a client. I've double-checked that all files paths are correct - and they are - but nothing seems to be working.

I've hosted the site live - you can check the source on there. (SOURCE CODE REMOVED) A map should be appearing between the nav and footer - but nothing!

BrainHappy
  • 460
  • 2
  • 9
  • 4
    Why are you including two (different) versions of jQuery on the same page? Check your browser's console for errors. – j08691 Apr 06 '16 at 14:29
  • 2
    Also - *SyntaxError: missing } after function body* - The console. Remember, the console is your friend. – Derek Pollard Apr 06 '16 at 14:30
  • Don't mix 2 versions of jQuery librarys.. these will conflict with each other. But there is nothing to say it is not possible, take a look at this: http://stackoverflow.com/questions/1566595/can-i-use-multiple-versions-of-jquery-on-the-same-page – node_modules Apr 06 '16 at 14:31
  • Your inline code starts like this: ` – Scott Marcus Apr 06 '16 at 14:32
  • 1
    @ScottMarcus http://stackoverflow.com/questions/1873983/what-does-the-leading-semicolon-in-javascript-libraries-do – j08691 Apr 06 '16 at 14:32

4 Answers4

4

Remove the <script src="js/jquery.js"></script> line as you're already using the minified version.

You have 2 versions of jQuery being used in your site right now:

jQuery v1.11.1 and jQuery v2.1.4.

Decide which one you want to use and remove the other one.

dokgu
  • 4,425
  • 3
  • 34
  • 67
1

Try to check when your scripts are being fired. Jquery usually works best when loaded early on before any other scripts on your page. 

 <script src="~/Scripts/jquery-2.1.4.js"></script>
 <script src="~/Scripts/bootstrap.js"></script>
Leonardo Wildt
  • 2,263
  • 5
  • 26
  • 50
1

If you look at the Javascript console, you will see you have an error in your Javascript syntax:

enter image description here

It seems you forgot to close a parenthesis. Probably because this line: 

$("#image-map-pro-container").imageMapPro({"id":3082,"edi ...

is too long, I'd suggest you try to break it into pieces.

j08691
  • 197,815
  • 30
  • 248
  • 265
rubentd
  • 1,205
  • 11
  • 23
1

I opened your website link and I saw on Firebug you are missing a braces somewhere:

enter image description here

I strongly recommend you to use some developer tool like Firebug to see the Javascript errors. Try to find your issue and let me know if it will work.

Diego Polido Santana
  • 1,425
  • 9
  • 19