JQuery加载帮助

我试图使用load()将一些html放入页面上的div.我有一堆像这样的链接:

我的jquery代码如下所示:

$('.projects a').click(function() {
    $('#work').load(this.href);
});

问题是当点击html放在#work div中时html被加载到另一个页面中.请任何人可以帮忙吗？

您需要阻止默认操作停止加载的href:

$('.projects a').click(function(event) {
    $('#work').load(this.href);

    event.preventDefault();
});

您可能还会看到人们通过以下方式实现相同目标:

$('.projects a').click(function(event) {
    $('#work').load(this.href);

    return false;
});

但是,此方法将停止事件冒泡,以及阻止默认操作.如果你有任何delegate或live方法在DOM树上进一步监听同一事件,那么return false就会停止调用这些处理程序.

编辑:对于回调函数:

$('.projects a').click(function(event) {
    $('#work').load(this.href, function (text) {
        alert("This loaded: " + text);
    });

    event.preventDefault();
});