jQuery UI選項卡僅在單擊時加載iframe

Question

對不起，我的英語，我使用谷歌翻譯。 我在jQuery UI標簽中有一個代碼，只有在單擊iFrame時，它才會加載內容。 我使用PHP（wordpress）來調用iframe。

問題在於，它僅適用於將數據放入iframe src的情況，例如：

< iframe data-src = “ http://powvideo.net/embed-ui0njh4t1cgz-640x360.html ” width =“ 680” height =“ 380”滾動=“ no” frameborder =“ 0”>（如果有效）

托管視頻的托管方式如下：

< iframe src = “ http://powvideo.net/embed-ui0njh4t1cgz-640x360.html ” width =“ 680” height =“ 380”滾動=“ no” frameborder =“ 0”>（無效）

有人知道您是否可以修改腳本或PHP來放置正確的語法嗎？ 通過iframe src =更改iframe data-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>

Answer 1

如果我理解正確，那么問題是iframe需要具有data-src屬性而不是src屬性，其中包含iframe的網址。 可以通過更改以下內容來實現：

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

對此：

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