I am using ajax to load pages but it repeats the header . here is the plugin i am using
http://max.jsrhost.com/ajaxify/demo.php
here is the jquery call i am using
<script type="text/javascript">
$(function() {
$('.ajaxify').ajaxify();
})
</script>
in my ajaify javascript file i have modified the div container an i am able to make ajax call . here is my link
<a href="xyz.html" class="ajaxify" >xyz</a>
everything is working fine except it repeats the header. this xyz.html page is coming and as usuall all pages of website is having same header so it loads after header with header at the top so it has two header .please help
You need to either:
A. Remove the header code from xyz.html
or
B. Remove the existing header from the DOM when the link is clicked.
To remove the existing header from the DOM, you can remove():
$( '#header' ).remove();
where header is the ID of the element that contains your header.