使用 jQuery 阅读更多与 iframe答案

【问题标题】：Using jQuery read more with iframe使用 jQuery 阅读更多与 iframe
【发布时间】：2015-04-18 04:07:08
【问题描述】：

我正在使用this，但在某些浏览器中我无法显示 iframe，因此我添加了一个功能来刷新它，效果很好。

唯一的问题是，这会刷新所有 iframe，而不仅仅是 div 中正在展开的那个。

<script type="text/javascript">
  $('.box').readmore({
    speed: 500,
    collapsedHeight:112,
    embedCSS: false,
    moreLink: '<a href="#" class="btn">Read more</a>',
    lessLink: '<a href="#" class="btn">Read Less</a>',
    afterToggle: function(trigger, element, expanded) {
      if( expanded) { 
        $( 'iframe' ).attr( 'src', function ( i, val ) { return val; });
      }
    }
  });
</script>

我知道我可以在 iframe 本身上放置一个类或一个 id，但在我的情况下这不是一个选项。

我该如何解决这个问题？

【问题讨论】：

不幸的是，您需要使您的 jQuery 选择器更具体到您想要选择的 iframe。 jQuery 中的$('iframe') 表示“选择页面上的所有 iframe 标记”。如果我有更多的信息或背景，我可能会给你一个更好的答案。
$(this).find('iframe').attr('src', function (i, val) { return val; });

标签： javascript php jquery html iframe

【解决方案1】：

$( 'iframe' ).attr( 'src', function ( i, val ) { return val; });

使用“this”关键字

【讨论】：