Question

我在使用jQuery将外部页面加载到DIV时遇到了问题。

我希望在点击锚链接时将外部页面包含到特定的DIV中。

单击链接时

问题，在外部页面加载后，它删除了页面内容的其余部分：/

<script type="text/javascript">
function ahah(url, target) {
  document.getElementById(target).innerHTML = ' Fetching data...';
  if (window.XMLHttpRequest) {
    req = new XMLHttpRequest();
  } else if (window.ActiveXObject) {
    req = new ActiveXObject("Microsoft.XMLHTTP");
  }
  if (req != undefined) {
    req.onreadystatechange = function() {ahahDone(url, target);};
    req.open("GET", url, true);
    req.send("");
  }
}  

function ahahDone(url, target) {
  if (req.readyState == 4) {
    if (req.status == 200) {
      document.getElementById(target).innerHTML = req.responseText;
    } else {
      document.getElementById(target).innerHTML=" AHAH Error:\n"+ req.status + "\n" +req.statusText;
    }
  }
}

function load(name, div) {
    ahah(name,div);
    return false;
}

</script>

<div id="content"></div>


<a href="file1.html" onclick="load('page.php','content');return false;">File 1</a>

任何人都可以帮忙，谢谢！

Answer 1

猜测可能是page.php返回完整的html文档，包括</body>和</html>标记，从而使浏览器无法在这些标记之后呈现任何原始页面内容。< / p>

Answer 2

我没有看到这里使用任何jQuery，但是如果你不介意用jQuery替换你的东西，你可以这样做：

$(function() {
    $("#someanchorid").click(function() {
        $("#yourdiv").load("file1.html");
        return false;
    });
});

锚点上的jQuery Fadein页面点击问题

2 个答案: