从所有iframe中删除src并在点击时添加它

时间:2016-01-20 17:40:00

标签: javascript iframe src

我正在尝试从我的所有iframe中删除src值,然后单击将srcs加载到由选择器匹配的src。

现在我有一个代码块来清空我的iframe的src并使用src信息创建一个变量。

之后,我正在尝试检查iframe src是否为空,如果是,请使用单击链接的函数将相应的src值添加到返回的iframe中。

代码如下,但点击部分不起作用。 当然,我也不确定IF部分,因为整体上它不起作用。

$j=jQuery.noConflict();

var iframesa = $j('iframe');

iframesa.each(function() {
    var srca = $j(this).attr('src');
    $j(this).data('src', srca).attr('src', '');
});


$j(document).ready(function(){

   if($j('iframe').attr('src') == '') { 

        $j('.evento-more').click(function() {
            $j(this).next().children('iframe').attr('src', function() {
                    return $j(this).data('src');
            });
        });

    }

});

HTLM结构是这样的

<div class="evento-feed">
   <div class="wrapper">
      <a href="#" class="evento-more">More</a>
      <div class="evento-desc">
         <div class="slide-text">
            <p>
               <iframe src="https://www.youtube.com/embed/xxxx"></iframe>
            </p>
         </div>
         <div class="slide-text">
            <p>
               <iframe src="https://www.soundcloud.com/embed/xxxx"></iframe>
            </p>
         </div>
      </div>
   </div>
</div>
<div class="evento-feed">
   <div class="wrapper">
      <a href="#" class="evento-more">More</a>
      <div class="evento-desc">
         <div class="slide-text">
            <p>
               <iframe src="https://www.mixcloud.com/embed/xxxx"></iframe>
            </p>
         </div>
      </div>
   </div>
</div>

等等。整个.evento-feed块会重复几次,但内容可能会有所不同

有没有人可以帮助我?

0 个答案:

没有答案