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);
  });

問題は、2 つのリンクを同時に処理できないように見えることです。JsFiddle(link)でこの例を見ると、1 つのリンクのみが処理されていることがわかります。jQueryeachでこれを解決し、2 つのリンクを異なる変数として呼び出してみましたが、API は常に最後の URL を処理します。複数の URL を処理するにはどうすればよいですか?

4

2 に答える 2

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 に答える
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 に答える