jQuery .load is not loading a local html file inside a Cocoa WebView

Question

I have a Cocoa WebView that displays a local HTML file. I'm trying use jQuery.load() to load another local HTML file into a div. My JavaScript code goes something like this:

$("#mydiv").load("test.html");  // test.html is a local file inside the app's bundle

I don't see any exceptions but it will not load the html inside the div. I'm using exactly the same code for an iOS app, and it works fine. I've also tried using XMLHttpRequest() and I can see the responseText fine.

Any advice? Thanks in advance!

You could try putting a $(document).ready before the .load() to ensure the page is fully there before trying to load something new into it. Depending on load time I've had JS fail due to the targetted div not being there when it's trying to execute. — Peter Oram
– Peter Oram, Commented Jul 17, 2013 at 23:53
Actually the code is being executed after the DOM has loaded. I'm thinking is something related to Cocoa's WebView as the same code runs without issues under iOS, Android and Windows. Thanks for the time. — Reinaldo
– Reinaldo, Commented Jul 18, 2013 at 0:04

Quaking-Mess · Accepted Answer · 2014-09-24 14:07:15Z

3

A nice little work around just replace home.html with your local html file and content with your div id

document.getElementById("content").innerHTML='<object type="text/html" data="home.html" ></object>';

works in Chrome, Firefox, and IE enjoy!

answered Sep 24, 2014 at 14:07

Quaking-Mess

5254 gold badges12 silver badges23 bronze badges

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

Comments

Reinaldo · Accepted Answer · 2013-07-21 15:02:31Z

2

I was able to get around the problem by using jQuery.ajax instead. Here's how I did it:

jQuery.ajax({ 
     url: "test.html", dataType: "html" 
}).done(function( responseHtml ) {
     $("#mydiv").html(responseHtml);
});

Hope it helps someone!

answered Jul 21, 2013 at 15:02

Reinaldo

4,6863 gold badges26 silver badges24 bronze badges

1 Comment

lucasvc Over a year ago

Doesn't work to me, same as doing .load on the jQuery object.

Jason Young · Accepted Answer · 2013-07-17 23:50:33Z

0

var $div = $('div#something');
$div.load("test.html");

answered Jul 17, 2013 at 23:50

Jason Young

5753 silver badges16 bronze badges

1 Comment

Reinaldo Over a year ago

I know it sounds like a simple answer, but it seems to me like my issue is related to Cocoa's WebViews and not jQuery. Your code is equivalent. Thanks anyways.

Collectives™ on Stack Overflow

jQuery .load is not loading a local html file inside a Cocoa WebView

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related