ひどいタイトル -- 申し訳ありません。
私は Embedly を使用していますが、理解するのがやや難しいことがわかりました。
私の目的は、API からタイトルと URL を抽出し、約 25 のタイトルをリストし、ボタンを押すと、embed.ly から埋め込まれた URL を表示することです。
私の現在の闘争は、ボタンを押して、押した1つのリンクのみを表示するのではなく、埋め込まれたURLを表示すると、25個のリンクすべてを一度に表示することを決定することです。イライラします。
これが私のコードです：
$('#content').append('<div id="highlight"><h1 id="headline">
<a href="'+URL+'" base target="_blank">'+title+'</a></h1></br>
<img class="dropDown" src="images/drop-down.png" alt=""/>
<a class="embedly-card" href="'+URL+'"></a></div></br>');
$('.embedly-card').hide().removeClass('hide');
これはうまく機能し、embedly-card隠れていて、すべてが完璧です。私が苦労している部分は次のとおりです。
$(".dropDown").click(function() {
$(this).siblings('.embedly-card').toggle().toggleClass('toggle');
//This is the embedly code that creates the embeded features...
!function(a){var b="embedly-platform",c="script";if(!a.getElementById(b)){var d=a.createElement(c);d.id=b,d.src=("https:"===document.location.protocol?"https":"http")+"://cdn.embedly.com/widgets/platform.js";var e=document.getElementsByTagName(c)[0];e.parentNode.insertBefore(d,e)}}(document);
//End of embedly code...
$(this).toggleClass("on");
前に言ったように、埋め込む予定の 1 つの URL だけを切り替えるのではなく、クリックするdropDownと 25 個すべての URL が埋め込まれて途方に暮れます。どうすればこれを修正できますか? ありがとう。