從JQuery創建iframe - 屬性不起作用，爲什麼不呢？

Question

你好我創建一個iframe在我的JavaScript。然而，風格和加載的事件似乎不起作用。我究竟做錯了什麼？

var iframe = $("<iframe src='/Player/ShowPage/"+data.PageId+"'/>", { 
          style: "position:absolute; left:-100%", 
          load: function() { 
           var that = this; 
           $(this).animate({ 
            left: 0 
           }, 500); 
           $('iframe').not(this).animate({ 
            left: '-100%' 
           }, 500, function() { 
            $('iframe').not(that).remove(); 
           }); 
          } 
         }); 
         $('body').append(iframe); 

我一定錯過了一些東西，我只是不知道它是什麼。 iframe只是坐在那裏 - 嘲笑我 - 在屏幕上...

Answer 1

你只需要將'src'移動到對象字面值，一切正常。

var iframe = $("<iframe>", { 
    src: '/Player/ShowPage/' + data.PageId, 
    style: "position:absolute; left:-100%", 
    load: function() { 
     var that = this; 
     $(this).animate({ 
      left: 0 
     }, 500); 
     $('iframe').not(this).animate({ 
      left: '-100%' 
     }, 500, function() { 
      $('iframe').not(that).remove(); 
     }); 
    } 
}); 
$('body').append(iframe); 

請檢查這個JSFIDDLE進行工作演示。