Question

糟糕的头衔 - 抱歉。

我和Embedly合作，发现它有点难以理解。

我的目标是从API中提取标题和网址，然后列出大约25个标题，并有一个按钮，按下时会显示embed.ly中的嵌入网址。

我目前的困难是，当我按下按钮显示嵌入的网址而不是仅显示我按下的1个链接时，它决定一次显示所有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");

正如我先前所说的那样，当我点击dropDown并且我不知所措时，它不是仅仅切换我打算嵌入的1个网址，而是嵌入所有25个网址。我该如何解决这个问题？感谢。

Answer 1

这可以让您了解问题。

$('.dropDown').each(function(){
  // $(this) is each .dropDown
  // so it's like $(this).click(function(){});
}

你想对每一个做。我没有看到足够的代码来完成任何其他内容，或者其他代码是否正确。

Jquery - 使用.click和＆＃39;这个＆＃39;

1 个答案: