jQuery not linking with html correctly

Question

I am new to html/css/jquery but I started working on a little sample webpage. I uploaded the files to godaddy where I am hosting the site but am having trouble getting the jquery portion to work. Not sure if I am not linking the .js file to the .html file correctly or if there is another issue.

<!DOCTYPE html>
    <html>
        <head>
            <title>Sample Webpage</title>
            <link rel="stylesheet" href="faq.css" />
            <link rel='stylesheet' type='text/css' href='http://www.code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css'/>
            <script src="http://www.ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js">
            <script src="http://www.ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
            <script type='text/javascript' src='faq.js'></script>
        </head>

here is the jquery that I am trying to use

$(document).ready(function() {

    $('#FAQmenu').accordion({
        event: "click",
        active: false,
        collapsible: true,
        autoHeight: false
    });
});

Thanks in advance

There is a missing </script> after this <script src="ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js">` — Sourabh
– Sourabh, Commented May 27, 2013 at 20:11
Well, with the HTML code you are showing, your jQuery code does nothing of course. Could you please provide more code and possibly update this fiddle with your code: jsfiddle.net/3LJPj — Linus Caldwell
– Linus Caldwell, Commented May 27, 2013 at 20:26
I updated the fiddle with the html and css that I am linking to and it appears to work there. This makes me think it is an issue with the linking or with godaddy — Andrew
– Andrew, Commented May 27, 2013 at 20:34
Well, that's why I love asking for a fiddle. ;-) As we have no more info, it's very hard to help. Maybe double check all links again, see if your browser's error log shows errors, test with stupid things like an alert('test') and so on. — Linus Caldwell
– Linus Caldwell, Commented May 27, 2013 at 20:40

Rob Johnstone · Accepted Answer · 2013-05-27 20:11:48Z

1

You have not closed the first script tag. Instead try:

<script src="http://www.ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

answered May 27, 2013 at 20:11

Rob Johnstone

1,7249 silver badges14 bronze badges

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

2 Comments

Andrew Over a year ago

as embarrassing as that was, it still did not fix the issue :'(

Sourabh Over a year ago

is faq.js placed in same directory as your html ?

Diegys · Accepted Answer · 2013-05-27 20:57:55Z

0

You must install xampp/wamp/mamp/etc or to upload your files to a server if you want the Google hosted jquery to work, otherwise you can download jquery and link it from your project folder.

answered May 27, 2013 at 20:57

Diegys

711 bronze badge

3 Comments

Linus Caldwell Over a year ago

Why should it be necessary to install anything to link to hosted files?

Diegys Over a year ago

Just try to use the Google hosted library from a folder on your computer and see if it works

Linus Caldwell Over a year ago

I really don't know what you mean. e.g. if you have a html file with something like <link href="http://fonts.googleapis.com/css?family=Open+Sans:400" rel="stylesheet" type="text/css" />, it does not matter if you host that html file on a server or call it locally from a directory (with file:///...). The browser makes the request anyway, Google would not even know if the file is hosted or not.

Collectives™ on Stack Overflow

jQuery not linking with html correctly

2 Answers 2

2 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related