Response title
This is preview!
Move this topic
Problem loading external HTML in IE 6, 7
in Using jQuery
•
12 years ago
Hi there!
I'm using the .load() function to add some external HTML to a div.
It works fine in IE8 and FF but doesn't work in IE 6, 7.
Any hints?
I'm using the .load() function to add some external HTML to a div.
It works fine in IE8 and FF but doesn't work in IE 6, 7.
Any hints?
$(document).ready(function()
{
$(function ()
{
$('#content').load('aboutus.html');
});
$('#services').click(function ()
{
$('#content').load('services.html');
}
});
1
Replies(7)
Re: Problem loading external HTML in IE 6, 7
12 years ago
Try this. I removed the second $(function()).
$(document).ready(function(){
$('#content').load('aboutus.html');
$('#services').click(function () {
$('#content').load('services.html');
}
});
Leave a comment on relst.jquery's reply
Re: Problem loading external HTML in IE 6, 7
12 years ago
Sorry, that was a piece of residual code, actually, the code should look as you pointed.
Like this it doesn't work neither...
Like this it doesn't work neither...
Leave a comment on igguana26's reply
Leave a comment on relst.jquery's reply
Re: Problem loading external HTML in IE 6, 7
12 years ago
This is the HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The title</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<script src="scripts/jquery.js" type="text/javascript"></script>
<script src="scripts/thecode.js" type="text/javascript"></script>
<script src="scripts/jquery.validate.js" type="text/javascript"></script>
</head>
<body>
<div id="main_wrapper" class="semitrans">
<div id="wrapper">
<div id="header-wrapper">
<div id="header">
<div id="search"></div>
</div>
<!-- end #header -->
<div id="menu">
<ul>
<li id="aboutus" class="first"><a href="#">About us</a></li>
<li id="services"><a href="#">Services</a></li>
<li id="prices"><a href="#">Prices</a></li>
<li id="contact"><a href="#">Contact</a></li>
</ul>
</div>
<!-- end #menu -->
</div>
<!-- end #header-wrapper -->
<div id="page">
<div id="banner"></div>
<div id="page-bgcontent">
<div id="content">
</div>
<!-- end #content -->
<div id="sidebar">
<ul>
<li>
</li>
</ul>
</li>
</ul>
</div>
<!-- end #sidebar -->
<div style="clear: both;"> </div>
</div>
<div id="footer">
</div>
<!-- end #footer -->
</div>
<!-- end #page -->
</div>
</div>
</body>
</html>
Leave a comment on igguana26's reply
Re: Problem loading external HTML in IE 6, 7
12 years ago
<div id="sidebar">
<ul>
<li>
</li>
</ul>
</li>
</ul>
</div>
I see an error. The first </ul> needs to be removed.
Maybe IE 6,7 have problems with this?
You have the latest version of jquery.js?
Leave a comment on relst.jquery's reply
Re: Problem loading external HTML in IE 6, 7
12 years ago
Sorry again, this is again residual code, this website is from an Intranet and I'm trying to remove the sensible pieces of content before posting...
About the versión:
jQuery 1.2.6
About the versión:
jQuery 1.2.6
Leave a comment on igguana26's reply
Re: Problem loading external HTML in IE 6, 7
12 years ago
I have updated to 1.3.2 and it still doesn't work...
Leave a comment on igguana26's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to igguana26's question