javascript breaking when adding this code

Question

JavaScript isn't my strongest skill, but I'll do my best to explain, so here it goes. I had someone create a slideup menu on my website and im also using jplayer music player.

Now everything works fine until I add this script at the top. For some reason it stops the slideup from working. This is the script that stops the slideup.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

If someone could tell me what im doing wrong that would be great.

Do you already have a jquery reference in your code that your menu uses? If you do, then you might have a version mismatch. You only need one jquery reference, and adding two of different versions can cause problems. Check your code for jquery references, and check your console. — ElGavilan
– ElGavilan, Commented Dec 9, 2013 at 14:59
It worries me that you are using different kind of apostrophes while JavaScript only accepts single apostrophe (') and double quotation mark (") — Muleskinner
– Muleskinner, Commented Dec 9, 2013 at 15:01

Dan Green-Leipciger · Accepted Answer · 2013-12-09 15:07:03Z

1

Try using this to include your jQuery: <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

That is taken from the jplayer demo page at http://www.jplayer.org/latest/demo-01-video/ - line 22

answered Dec 9, 2013 at 15:07

Dan Green-Leipciger

3,9721 gold badge22 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Rafa Romero Over a year ago

Yes! Maybe it resolves the issue. Just use: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

Dan Green-Leipciger Over a year ago

Will you post your site's domain? Without that its just guesswork

user3082412 Over a year ago

does this help? im getting this error: TypeError: jq(...).jqEasyPanel is not a function

Dan Green-Leipciger Over a year ago

If your site isn't live, or you don't want to put your site live, just use a demo.mysite.com

Rafa Romero · Accepted Answer · 2013-12-09 15:01:48Z

0

you are not importing jQuery correctly. After consulting Google HOsted Libraries page (https://developers.google.com/speed/libraries/devguide?hl=es&csw=1#jquery) seems that the version to be imported should be 1.7.0 (Three digits, not two), try it!

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>

answered Dec 9, 2013 at 15:01

Rafa Romero

2,7365 gold badges29 silver badges52 bronze badges

6 Comments

adeneo Over a year ago

Just copy paste the link in the OP's code into your browser to see if it works, and loh and behold, it does.

Rafa Romero Over a year ago

Ouch! If you open the JS conosle (F12 > Console) Do you see any error?

user3082412 Over a year ago

Im getting this TypeError: jq(...).jqEasyPanel is not a function

Rafa Romero Over a year ago

Are you using this plugin? jqeasy.com If yes, I downloaded the code and I checked that it is running with jQuery 1.4.2 (a bit old) Probably you have a jQuery version conflict. How are you importing this library??

Rafa Romero Over a year ago

Anyway, I recommend you to use other jQuery library for the slider... Just typing "jQuery slider" in Google there are lots of them

|

Collectives™ on Stack Overflow

javascript breaking when adding this code

2 Answers 2

4 Comments

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related