为什么我收到“错误解析…”在javascript多行字符串中？

Question

我有一个xhtml文件（JSF应用程序），我正在呈现一个带有自定义列的数据表。

$(document).ready(function() {
    $('#example').dataTable( {
        "ajax": "/app_api/list/appsportfolio",
        "columns": [
            { "data": "name" },
            { "data": "scenarioName" },
            { "data": "architecture" },
            { "data": "status" },
            { "data": "contact" },
            { "data": "id", "mRender": function(data, type, row) {
                    return  "<ul id=\"menu\"> \
                    <li>Actions \
                        <ul> \
                            <li class=\"ui-state-disabled\">Views</li> \
                            <li>Item 3-2</li> \
                            <li class=\"ui-state-disabled\">Actions</li> \
                            <li>Item 3-4</li> \
                            <li>Item 3-5</li> \
                        </ul>\
                    </li>\
                </ul>";
                }}
        ]
    } );

    $( "#menu" ).menu();
} );

由于上一个自定义列，我收到：

JBWEB000236:Servlet。servlet jsp的service（）引发异常：javax。面孔。看法小脸蛋。FaceletException:分析applicationPortfolioList时出错。xhtml:与元素类型“ul”关联的属性“id”应该有错误跟踪[line:111]的开放引号。

我不明白为什么它抱怨引用，逃避不是正确的吗？

即使我把整个字符串放在同一行，同样的错误仍然存在。

更新：如果我对整个字符串进行HTML编码，似乎效果很好：

但这看起来很难看。如果有人知道其他解决方案，请告诉我。




Answer 1

你必须用

<![CDATA[ 
...
]]>

在你的代码中，如果你想使用