jquery load function doesnt work

Question

I am unable to get this piece of code working. I am running this on xampp. The alert works fine but the html wont load. Please help.

I have added the links to jquery 3.2.1

index.html

$(document).ready(function(){
$("#buttonClick").click(function(){
    alert("Hello");
    $("#viable").load('new_123.html');
});
});
</script>

New_123.html

<html>
<body>
<h1>Hello 123</h1>
</body
</html>

Do you get any errors in the brower's console? If you check the Browser's Dev Tools Network tab do you see the expected HTML being returned? — nnnnnn
– nnnnnn, Commented Nov 4, 2017 at 5:22
I am unable to see any html element with id buttonClick? so how it will work.it will not work — Death-is-the-real-truth
– Death-is-the-real-truth, Commented Nov 4, 2017 at 5:28
You shouldn't have <html> and <body> tags in the HTML that you're loading, since that should already be in the current page. — Barmar
– Barmar, Commented Nov 4, 2017 at 5:32

Death-is-the-real-truth · Accepted Answer · 2017-11-04 05:38:25Z

4

Your body tag is missing a closing bracket ">".

edited Nov 4, 2017 at 5:38

Death-is-the-real-truth

72.3k10 gold badges58 silver badges105 bronze badges

answered Nov 4, 2017 at 5:24

Developer Nodejs

1735 bronze badges

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

3 Comments

Death-is-the-real-truth Over a year ago

It need to be a comment . And it seems TYPO mistake not the actual cause of problme. So the answer is not useful at all.

Developer Nodejs Over a year ago

Interesting, im new to stackoverflow and now starting to understand the culture behind it... will keep on contributing selectively and carefully

nnnnnn Over a year ago

There's nothing wrong with posting this as an answer if you think it will solve the OP's problem. But if you just wanted to point out an incidental issue not related to the main problem then it should be posted as a comment instead.

Eshu · Accepted Answer · 2017-11-04 08:21:21Z

I have used the same code and i mgetting the result properly May be that '>' is an issue!

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="jquery-3.2.1.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $("#buttonClick").click(function(){
           var d= $("#viable").load('b.html');
        });
    });
    </script>
</head>
<body>
    <div id="viable"></div>
    <button id="buttonClick"></button>
</body>
</html>

Collectives™ on Stack Overflow

jquery load function doesnt work

2 Answers 2

3 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Related