0

このフィドル: 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"));
    });
});
4

2 に答える 2

1

あなたの iframe の ID はiframeありませんpreview。以下を試してください：

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

idまたは、次の を変更できますiframe。

<iframe id="preview" src=""></iframe>
于 2013-08-24T21:53:03.347 に答える
0

iframe の ID が「プレビュー」ではなく「iframe」に設定されている

$('#iframe').attr('src', 'http://www.google.com')
于 2013-08-24T21:53:03.183 に答える