2011-03-15 66 views
1

我想使用jQuery抓取文件并将其加载到单击命令中的div上。我知道我可以通过加载来完成此操作,但是...jquery替换为.load

我希望能够多次重新生成相同的内容,而不必清除最后一个实例。任何人都可以推荐另一个jQuery调用来做到这一点?

回答

0

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

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

你的HTML应该类似于:

<div id="target"> 
    <embed src="" width="500" height="375"> 
</div> 
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/

+0

Thankls了很多,这似乎是一个很好的解决方案。 1问题: 如何将内联HTML替换为PHP文件? '数据:{ HTML:'

更多内容

' 延迟:1 },' – patrick 2011-03-15 19:35:23

+0

居住使用的jsfiddle的 “回声API” 的jsfiddle例子来模拟天生AJAX。它要求我发送到他们的URL,发送我想要发回的数据。你只需要使用我在StackFlow上粘贴的内容,并用你自己的URL替换'page.html'。 – JAAulde 2011-03-15 19:44:41

1

您可以在内容每次加载到一个新的元素:

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