0

我正在使用一项名为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?

4

2 回答 2

2

我不知道嵌入,但我看到您正在将结果分配给正文 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/

于 2013-10-28T11:05:45.933 回答
2

我更像是一个 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;      
  });
}

工作演示

于 2013-10-28T11:03:40.383 回答