如何設置iframe的src屬性？

Question

在這種提琴：http://jsfiddle.net/ak4Ed/134/我想，當用戶選擇一個節點設置的iframe src屬性：

 $('#preview').attr('src', 'http://www.google.com') 

但iframe中沒有被加載。我是否正確設置屬性？

這裏是小提琴代碼：

HTML：

<div id="demo1" style="height:100px;display:inline-block;""> 
<ul> 
    <li id="node_1_id"> 
     <a>Root node 1</a> 
     <ul> 
      <li id="child_node_1_id"> 
       <a>Child node 1</a> 
      </li> 
      <li id="child_node_2_id"> 
       <a>Child node 2</a> 
      </li> 
     </ul> 
    </li> 
</ul> 
<ul> 
    <li><a>Team A's Projects</a> 
     <ul> 
      <li><a>Iteration 1</a> 
       <ul> 
        <li><a>Story A</a></li> 
        <li><a>Story B</a></li> 
        <li><a>Story C</a></li> 
       </ul> 
      </li> 
      <li><a>Iteration 2</a> 
       <ul> 
        <li><a>Story D</a></li> 
       </ul> 
      </li> 
     </ul> 
    </li> 
</ul> 
</div> 
<div style="display: inline-block;"> 
    <iframe id="iframe" src=""></iframe> 
</div> 

JS：

$(function() { 
    $("#demo1").jstree({ 
    "plugins": ["ui", "html_data", "themes", "hotkeys"] 
    }); 

    $("#demo1").on("select_node.jstree", function() { 
    var node = $(this).find("a.jstree-clicked").parent("li"); 

    $('#preview').attr('src', 'http://www.google.com') 
    alert("selected node: "+node.attr("id")); 
    }); 
}); 

Answer 1

您的iframe的ID是iframe而不是preview;請嘗試以下操作：

$('#iframe').attr('src', 'http://www.google.com'); 

或者你可以改變iframe的id：

<iframe id="preview" src=""></iframe> 

Answer 2

iframe的ID設置爲 'IFRAME' 而不是 '預覽' 使用

$('#iframe').attr('src', 'http://www.google.com')