抱歉我的英语不好,我使用谷歌翻译。 我在 jQuery UI 选项卡中有一段代码,其中 iFrame 仅在单击时加载内容。我使用 PHP (wordpress) 调用 iframe。
问题是它仅适用于将数据放入的 iframe src,例如:
<iframe data-src =“http://powvideo.net/embed-ui0njh4t1cgz-640x360.html”宽度=“680”高度=“380”滚动=“无”frameborder =“0”>(如果有效)
嵌入视频的托管方式如下:
<iframe src =“http://powvideo.net/embed-ui0njh4t1cgz-640x360.html”宽度=“680”高度=“380”滚动=“无”frameborder =“0”>(不工作)
有人知道是否可以修改脚本或 php 以使用正确的语法吗? 将 iframe data-src= 更改为 iframe src=
提前非常感谢。
代码jquery ui:
<script>
$(function() {
$( "#tabs" ).tabs({
beforeActivate: function( event, ui ) {
ui.newPanel.find('iframe').each(function() { if($(this).data('src') && !$(this).attr('src')) $(this).attr('src',$(this).data('src')); });
},
create: function( event, ui ) {
ui.panel.find('iframe').each(function() { if($(this).data('src')) $(this).attr('src',$(this).data('src')); });
}
});
// Hover states on the static widgets
$( "#dialog-link, #icons li" ).hover(
function() {
$( this ).addClass( "ui-state-hover" );
},
function() {
$( this ).removeClass( "ui-state-hover" );
}
);
});
</script>
HTML 代码
<div id="tabs">
<ul>
<li><a href="#tabs-1">Opción 1</a></li>
</ul>
<div id="tabs-1">
<?php $values = get_post_custom_values("reproductor"); echo $values[0]; ?>
</div>
</div>
最佳答案
如果我理解正确的话,问题是 iframe 需要有一个 data-src
属性,而不是 src
属性,其中包含 iframe 的 url 。这可以通过更改以下内容来实现:
$(this).attr('src',$(this).data('src'));
对此:
$(this).attr('data-src',$(this).data('src'));
关于javascript - Jquery ui 选项卡仅在单击时加载 iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26691555/