Question

我遇到了jquery的问题，例如，我有这个代码：

<a href="#" id="docs"><img id="icon" src="icons/docs.png"/></a>

$("#docs").click(function() {
$("#content").load("docs.php").hide().fadeIn("slow");})

所有的工作都很好，除了当我重新加载网站时它会回到预览情况，但我希望网站在链接点击时仍然保持原样。

Answer 1

您可以使用网址中的主题标签来检测此内容。

首先，将ajax请求放在一个函数中，然后在两种情况下调用此函数：a）当用户点击链接时; b）如果标签是“#load_docs”。

$(document).ready(function() {
    function load_contents() {
        $("#content").load("docs.php").hide().fadeIn("slow");
    }

    $("#docs").click(function() {
        load_contents();
    });

    var hashtag = window.location.hash;
    if (hashtag == "#load_docs") load_contents();

});

不要忘记在您的链接中添加href="#load_docs"：

<a href="#load_docs" id="docs"><img id="icon" src="icons/docs.png"/></a>

Answer 2

只需确保点击处理程序中有return false;。

所以：

$("#docs").click(function() {
  $("#content").load("docs.php").hide().fadeIn("slow");
  return false;
})

如何防止页面重新加载？

2 个答案: