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

Question

我有xhtml文件(JSF应用程序)，我正在呈现一个带有自定义列的datatable。

$(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.service()抛出了异常: javax.faces.view.facelets.FaceletException: Error解析applicationPortfolioList.xhtml: Servlet.service:111Open引号用于与元素类型"ul“关联的属性"id”。

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

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

UPDATE：如果我对整个字符串进行编码，那么它运行得很好：

<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>

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

Answer 1

你必须用

<![CDATA[ 
...
]]>

在您的代码中，如果要使用'<‘。看那里：XHTML