1

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

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>
4

1 回答 1

0

在加载另一个 HTML 页面后使用 Firebug 查看 HTML 页面源时会出现问题，页面源没有改变！

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

于 2013-04-07T05:07:20.070 回答