Question

我想使用jQuery获取文件并将其加载到click命令中的div中。我知道我可以用负载来做这个......但是

我希望能够在不清除最后一个实例的情况下多次重新生成相同的内容。任何人都可以推荐另一个jQuery调用吗？

Answer 1

$.fn.getMoreContent = function()
{
    var collection = this;

    $.ajax( {
        url: 'page.html',
        success: function( data )
        {
            collection.append( data );
        }
    } );

    return collection;
};

$( '#someDiv' ).getMoreContent();

工作示例：http://jsfiddle.net/JAAulde/dyRjQ/2/

或者：

$( '#someDiv' ).append(
    $( '<div>' ).load( 'page.html' )
);

工作示例：http://jsfiddle.net/JAAulde/dyRjQ/3/

Answer 2

您可以每次将内容加载到新元素中：

$('<div>').load('...').appendTo('#container');

Answer 3

在网页上显示外部文件的另一种方法是嵌入它。你可以这样做：

$("#target embed").attr("src","filename.pdf");

您的HTML应该类似于：

<div id="target">
   <embed src="" width="500" height="375">
</div>

jquery替代.load

3 个答案: