我正在使用一个名为Embedly的服务,它可以"丰富"页面中的链接。embedly的人使得使用jQuery调用API成为可能。
所以第一个有一个这样的链接:
<a href="http://www.bbc.co.uk/news/business-24692392">bbc</a>
然后,调用 API 来执行这样的魔术:
var hr = $('a').prop('href');
$.embedly.extract([hr], {key: '672cb2dfbc7249f2beb67db44204a39c'})
.progress(function(result){
$('body').html(result.content);
});
问题是我似乎无法同时处理两个链接。如果你在JsFiddle(link)上看这个例子,你会看到只有一个链接正在处理。我尝试使用 jQuery each
解决这个问题,并将两个链接调用为不同的变量,但 API 始终处理最后一个 url。如何让它处理多个 URL?
我更像是一个 JavaScript 的人,所以你来了......
var link=document.getElementsByTagName('a');
for(var i=0;i<link.length;i++)
{
$("a").css("visibility","hidden");
$.embedly.extract([link[i].href], {key: '672cb2dfbc7249f2beb67db44204a39c'})
.progress(function(result){
document.body.innerHTML +=result.content;
});
}
工作演示
,但我看到您正在将结果分配给正文 html,这可能会起作用。
.html:
<a id="a0" href="http://www.bbc.co.uk/news/business-24692392">bbc</a>
<a id="a1" href="http://www.bbc.co.uk/news/world-us-canada-24699733">bbc</a>
<div id="resultA"></div>
<div id="resultB"></div>
.js
var hr0 = $('#a0').prop('href');
var hr1 = $('#a1').prop('href');
$.embedly.extract([hr0], {key: '672cb2dfbc7249f2beb67db44204a39c'})
.progress(function(result){
$('#resultA').html(result.content);
});
$.embedly.extract([hr1], {key: '672cb2dfbc7249f2beb67db44204a39c'})
.progress(function(result){
$('#resultB').html(result.content);
});
http://jsfiddle.net/wwkhR/5/