2013-04-07 47 views
1

有一个HTML页面使用Ajax Load() function加载另一个HTML文件到当前HTML文档(到指定元素中)。当点击Links时,其他HTML页面会正确加载。使用load()加载的代码会导致DOM添加,但源代码不会更改。您可以在页面中看到更改的HTML,但不能看到源代码。使用JQuery加载()函数后不要更改HTML DOM

DOM在使用JQuery Load() function时没有操作吗?

代码:

<html> 
<head> 
    <title>JQuery Learning</title> 
<script type="text/javascript" src="..//jquery-1.9.0.min.js"></script> 

<script type="text/javascript"> 
    $('document').ready(function(){ 
     $('#newslinks a').click(function() { 
       var url=$(this).attr('href'); 
       $('#headlines').load(url+' #newsItem'); 
       return false; 
     }); 
    }); 

</script> 

</head> 

<body> 
    <ul id='newslinks'> 
     <li><a href='today.html'>Today's News</a></li> 
     <li><a href='yesterday.html'>Yesterday's News</a></li> 
     <li><a href='week.html'>Last Week's News</a></li> 
    </ul> 

    <div id='headlines'> 
     <h3>This is headlines of News</h3> 
    </div> 

</body> 

</html> 

回答

0

问题寻找到HTML页面的源代码使用Firebug 负荷接连HTML页面时上升时,页面的源代码并没有改变!

使用load()原因除了DOM但源代码不不会改变加载的代码。您可以在页面中看到已更改的html,但不在源中。