加载容器内的内容

时间:2011-09-19 20:27:27

标签: javascript ajax html5 jquery

我正在尝试设置ajax内容框,当您点击图标时会显示推送内容的容器框。

好吧,一切都很好,问题是内容没有加载到容器内部而是在主体外面,根据jquery文档追加制作这个函数,所以每个人都知道为什么不加载页面容器?

$(function(){
    $('.user-link a') .click(function(e){
        var a = $(this),
            href = a.attr('href'),
            content = a.appendTo('#buser-box');

        content.load(href + '#buser-box');
        e.preventDefault();
        $('#buser-box').show('fast');
    });
})

谢谢:)

2 个答案:

答案 0 :(得分:1)

我认为问题出在content变量上。

试试这个:

$(function(){
    $('.user-link a') .click(function(e){
        var a = $(this),
            href = a.attr('href'),
            box = $('#buser-box'),
            content = a.appendTo(box); // This may not be necessary

        // Loading into the div, not the appended to element, might not be what you want.
        box.load(href + '#buser-box');
        e.preventDefault();
        $('#buser-box').show('fast');
    });
});

答案 1 :(得分:0)

如果您希望在#buser-box内加载,只需执行以下操作:

$('#buser-box').load(href + '#buser-box');