jQuery .load function not working

Question

I'm using a simple .load() function from Jquery and I can't seem to make it work. Nothing happens when I click my DIV. My alert TEST does work.

<div class="ing">CLICK HERE</div>
<div id="overlay3-content"></div>


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

   $(document).on('click', '.ing', function(e){
      $("#overlay3-content").load('content.html');
    // window.alert("test");  THIS WORKS
    });

</script>

the page content.html just has the following:

<html>TEST TEST TEST</html>

JS FIDDLE: https://jsfiddle.net/37ukdrLf/

Any ideas

It works alright to me, except that content.html isnt found. I see an error in the network log on developer tools. It tries to load content.html but the file isnt found. You might want to check the location of the content.html — Sreekanth
– Sreekanth, Commented Oct 31, 2016 at 6:20
@Sreekanth the content.html file is not correct ont he JS fiddle, but I am developping on my machine and the content.html is there, on the same folder as the code above — user3011784
– user3011784, Commented Oct 31, 2016 at 6:21
The file will be loaded relative to the path of the page. That means you either need to put it in the same folder as the page or adjust the path string accordingly. — JLRishe
– JLRishe, Commented Oct 31, 2016 at 6:28

Community · Accepted Answer · 2017-05-23 12:33:37Z

1

you are loading the model using either file:// or C:/, which stays true to the error message as they are not http://

So you can either install a webserver in your local PC or upload the model somewhere else and use jsonp and change the url to http://example.com/path/to/model

Answer taken from HERE

edited May 23, 2017 at 12:33

CommunityBot

11 silver badge

answered Oct 31, 2016 at 6:25

Zulqarnain Jalil

1,69117 silver badges27 bronze badges

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

1 Comment

user3011784 Over a year ago

ahhh, you're right... I tried it on a server and it works... I didn't know it couldn't work on my machine. thanks

Raj · Accepted Answer · 2016-10-31 06:18:27Z

0

try this:

$(document).on('click', '.ing', function(e){  
      $( "#overlay3-content" ).load( "content.html", function() {
        alert( "Load was performed." );
      });  
    });

answered Oct 31, 2016 at 6:18

Raj

9801 gold badge11 silver badges33 bronze badges

1 Comment

user3011784 Over a year ago

@Sreekanth I have just the HTML tag, and I tried with the body tag. Like this; <html><body>aaaaaaa</body></html>

Collectives™ on Stack Overflow

jQuery .load function not working

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related