Question

嘿所有 - 我在使用jquery函数时遇到了一些麻烦。我有一个导航栏，我希望当用户点击导航栏将页面加载到div（#content）

时

我为第一次点击工作的代码，但是当我尝试点击另一个项目时，它会显示加载图像，但不会将新内容放入div中（它会留下旧内容）。有什么想法吗？

$(document).ready(function() {

   $('.cat').live("click",function() {
        var section = $(this).attr("id");
        $.ajax({
            type: "POST",
            url: "../soccer/nav/" + section + ".php",

            beforeSend:  function() {
                $('div#content').hide();
                $('div#loading').show();
            },

            success: function(html){
                $('div#loading').hide();
                $("div#content").replacewith(html);
            }
        });     
        return false;
    });
});

非常感谢任何帮助！

Answer 1

问题是.replacewith()方法。您实际上是用新内容替换#content div。只需使用.html()代替。

Answer 2

您不需要$("div#content")。你可以$("#content")

$("#content")表示查找ID为“content”的节点。

Answer 3

尝试：

$.post("../soccer/nav/" + section + ".php", null, function(data)
{
   $('#loading').hide();
   $("#content").html(data);
});

Answer 4

尝试使用jQuery.Load事件来同时使用ajax和html填充。

使用jquery将内容加载到div中

4 个答案: