使用jquery从另一个页面加载div

Question

我想使用jquery

从我页面中的页面加载div

这是一个Jsfiddle，但它不起作用，我的代码有什么问题？

在我的例子中，我正在使用

$('.namebook1origin').load($('http://www.booclin.ovh/tom/last/update.html #namebook1'));

但在我的页面中我正在使用

$('.namebook1origin').load($('update.html #namebook1'));

这是一个实例

$('.namebook1origin').load($('http://www.booclin.ovh/tom/last/update.html #namebook1'));
$('.namebook2origin').load($('http://www.booclin.ovh/tom/last/update.html #namebook2'));
$('.namebook3origin').load($('http://www.booclin.ovh/tom/last/update.html #namebook3'));
$('.namebook4origin').load($('http://www.booclin.ovh/tom/last/update.html #namebook4'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="namebook1origin">.</span><br/>
    
<span class="namebook2origin">.</span><br/>
    
<span class="namebook3origin">.</span><br/> 
    
<span class="namebook4origin">.</span><br/>

Answer 1

load接受一个字符串作为输入而不是jquery对象，从字符串中取消$()

$('.namebook1origin').load('http://www.booclin.ovh/tom/last/update.html #namebook1');
$('.namebook2origin').load('http://www.booclin.ovh/tom/last/update.html #namebook2');
$('.namebook3origin').load('http://www.booclin.ovh/tom/last/update.html #namebook3');
$('.namebook4origin').load('http://www.booclin.ovh/tom/last/update.html #namebook4');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="namebook1origin">.</span><br/>
    
<span class="namebook2origin">.</span><br/>
    
<span class="namebook3origin">.</span><br/> 
    
<span class="namebook4origin">.</span><br/>

由于CORS

，代码段不起作用

Answer 2

JQuery＆＃39; .load()应该是这样的：$(selector).load("internalDomainURL #div",callback);

$("#namebook1origin").load("http://www.booclin.ovh/tom/last/update.html #namebook1");