动态加载的内容使用jQuery负载清除现有的HTML

此刻我想创造一个页面内容加载中主要以避免刷新页面,每一个环节的设置。

我使用jQuery负载为每一个被点击,使得链接被装入链接如下#main 。 (显然它不会完成时将所有链接。)

访问过的网页直接工作得很好,但如果你尝试使用这个负载链接,然后将正确加载内容,但只显示在查看源文件加载的HTML,我在这里干什么什么问题?

$("body").on("click", "a", function(){ $("#footer, #main").fadeOut('fast'); $("#main").load($(this).attr("href"), function(){ $("#main, #footer").fadeIn('slow'); }); return false });

--------------解决方案-------------

导致此问题的问题.load()时要包括的文件中包含<script></script>标记。

这些干扰了Javascript和它无法应对导致页面错误。

要停止问题,您必须删除<script></script>从加载的文件中的标签。

你淡出主力,并没有再次褪色它...
用这个:

$("body").on("click", "a", function(){
$("#footer, #main").fadeOut('fast');
$("#main").load($(this).attr("href"), function(){
$("#main").fadeIn('slow'); // <======================
//$(this).fadeIn('slow'); this isn't the main object!
$("#footer").fadeIn('slow');
});

return false
});

this回调是不针对DOM元素!

分类:jQuery的 时间:2015-03-15 人气:0
本文关键词: jQuery的
分享到:

相关文章

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.329 (s). 10 q(s)