[jQuery] CSS not loading when I $("#ID").load("file.php")?
Hi,
I have a menu and a container. when the user clicks a menu item, new
content from another file is loaded into the container.
eg. [img]http://i36.tinypic.com/vjcsg.jpg[/img]
main.php
[code]
<html><head>
<link rel='stylesheet' type='text/css' href='main.css'/>
<script src='/scripts/jQuery.js'></script>
<script src='/scripts/jQuery.livequery.js'></script>
<script>
$(document).ready(function() {
$("#menuitem1").click(function() {
$("#Container").load("item1content.php?t=" + new Date().valueOf
());
});
});
</script>
</head>
<body>
<table>
<tr>
<td><a id='menuitem1' href='#'>Change Company Policy</a></td>
<td><span id='Container'></span></td>
</tr>
</table>
</body></htm>
[/code]
item1content.php
[code]
Company Policy
<hr/>
<?php /*read policy from file and echo it out*/ ?>
[/code]
when the contents load dynamically, the css dont comply.. see the
fontfamily and font size....
[img]http://i38.tinypic.com/k2l5d3.jpg[/img]
another very gruelling problem is the CSS not loading with
kelvinluck's datepicker. Im unable to resize the popup and its very
big and irritating....
[img]http://i35.tinypic.com/2hgxq1w.jpg[/img]
I tried to reload the css in the "item1content.php" but its not
working either....