Jquery ui標籤只在點擊時加載iframe

Question

對不起，我使用谷歌翻譯器。 我有一個jQuery UI選項卡中的代碼與iFrame加載內容只有單擊時。我使用PHP（wordpress）來調用iframe。

問題是，它僅與一個IFRAME SRC把數據中的工作原理，例如：

< IFRAME數據-SRC = 「http://powvideo.net/embed-ui0njh4t1cgz-640x360.html」 WIDTH = 「680」 HEIGHT = 「380」 SCROLLING =「無「FRAMEBORDER = 」0「>（IF它的工作原理）

遞送作爲嵌入視頻的託管如下：

< IFRAME SRC =」 http://powvideo.net/embed-ui0njh4t1cgz-640x360.html「WIDTH = 」680「 HEIGHT = 「380」scrolling =「no」frameborder =「0」>（不工作）

任何人都知道如果你可以修改腳本或PHP來把正確的語法？ 更改iframe data-src = by iframe src =

非常感謝提前。

代碼jQuery用戶界面：

<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> 

Answer 1

如果我理解正確，問題是在iframe需要有一個data-src屬性，而不是一個src屬性，包含iframe的網址。

$(this).attr('src',$(this).data('src'));

本：這可以通過更改此完成

$(this).attr('data-src',$(this).data('src'));