我正在尝试从我的所有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块会重复几次,但内容可能会有所不同
有没有人可以帮助我?