Search jQuery

jQuery Forum

My first script. what to put in the html?

in Getting Started • 7 years ago

I have just written my first jquery script using jsfiddle (see links below)

http://jsfiddle.net/karlhonda/vsm1x8yp/1/embedded/result/
http://jsfiddle.net/karlhonda/vsm1x8yp/1/

This works fine in the jsfiddle environment but when I create my HTML, CSS and JS files from this and launch in a browser the script doesn't work. All the collapsed sections are open when they should be closed by default.

I am assuming it has something to do with the naming convention and / or the way I am referencing the script.

Currently the files are all called feedback (.html/.css/.js)

<body>
<script src="feedback.js"></script>

but I think I need to rename this file or at least define it as jquery.2.0.1.min.

What am I missing? How do I do this?

Please help - it has been driving me crazy for days and the more I read the more confused I seam to get.

Replies(8)

jakecigar

Re: My first script. what to put in the html?

7 years ago

View the frame source! There are a few parts that you don’t need to carry over to your server.

//<![CDATA[

$(window).load(function(){

});//]]>

JΛ̊KE

karl1

Re: Re: My first script. what to put in the html?

7 years ago

Thanks for reply Jake.

I removed the line $(document).load(function(){ from my js code and it still behaved the same - so that line was obviously not needed.

The HTML does appear to need to reference my css file <link rel="stylesheet" href="feedback.css">

This is currently the head of my html - the js only worked in jsfiddle if I set the prefs to jquery2.0.1 instead of pure js so I can only imaging that I need to tell my server / browser that this is the case.

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Feedback Form</title>
<meta name="feedback" content="customer feedback">
</head>
<link rel="stylesheet" href="feedback.css">
<body>
<script src="feedback.js"></script>

jakecigar

Re: My first script. what to put in the html?

7 years ago

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Feedback Form</title>
<meta name="feedback" content="customer feedback">
<link rel="stylesheet" href="feedback.css">
<script type='text/javascript' src='//code.jquery.com/jquery-2.1.0.js'></script>
<script src="feedback.js"></script>
</head>
<body>
…

JΛ̊KE

jakecigar

Re: Re: My first script. what to put in the html?

7 years ago

<script src="http://code.jquery.com/jquery-2.1.1.js"></script>

is more current, so use it!

JΛ̊KE

karl1

Re: Re: My first script. what to put in the html?

7 years ago

Thanks again for your advice Jake:

I did try something similar in my many attempts to fix the issue.

So I have included the details above and below back into my code but it still isn't triggering the script.

The only thing I can think now is that there needs to be something at the top of my feedback.js file that states that it's jquery2.1.1 - or am I just in over my head?

    $("#bettery").hide();
    $("#betteryes").hide();
    $("#review").hide();
    $("#plannedno").hide();
    $("#planned").click(function () {
        $("#bettery").show();
    });
    $("#planned2").click(function () {
        $("#bettery").hide();
        $("#betteryes").hide();
    });
    $("#better").click(function () {
        $("#betteryes").show();
    });
    $("#better2").click(function () {
        $("#betteryes").hide();
    });
    $("#better2").click(function () {
        $("#review").show();
    });
    $("#better").click(function () {
        $("#review").hide();
    });
    $("#planned2").click(function () {
        $("#plannedno").show();
         $("#review").hide();
    });
    $("#planned").click(function () {
        $("#plannedno").hide();
    });

jakecigar