html - java脚本中的脚本标签不起作用，也动态添加

Question

我正在尝试将script标签添加为script. 那是 ..

<script>
    $(document).ready(function() {
        var iCnt = 0;
        $('#btAdd').click(function() {
            if (iCnt <= 19) {
                iCnt = iCnt + 1;
                var div = '<div id="node' + iCnt + '" class="item">'+ iCnt +'</div>';
                var jsplmb = '<script> jsPlumb.ready(function() { addPlumb("node'+ iCnt +'") });</script>';
                $('#diagramContainer').after(div);
            }
        });
 });

</script>

这是行不通的。close script tag变量中的jsplumb充当close tagmain script tag。

也不是动态var div添加

<div id="diagramContainer"> </div>

Answer 1

脚本标记在其中的代码之前被解析，因此浏览器不知道您打算将结束脚本标记作为代码中的字符串。

您可以将结束脚本标记分解为单独的字符串：

var jsplmb = '<script> jsPlumb.ready(function() { addPlumb("node'+ iCnt +'") });</scr' + 'ipt>';