jquery - 为什么这不会验证(jquery 问题)？

Question

在我的网站上，我使用 jquery 循环插件通过寻呼机进行幻灯片放映。这个例子: http://malsup.com/jquery/cycle/pager.html

因此，在我的文档的头部，我有一个类似于以下内容的脚本:

<script type="text/javascript">
$('#s4').before('<div id="nav">').cycle({ 
    fx:     'turnDown', 
    speed:  'fast', 
    timeout: 3000, 
    pager:  '#nav' 
});
</script>

我的文档类型是 XHTML Strict。

当我尝试验证页面时，出现以下错误:“文档类型不允许此处使用元素“div””和“省略了“div”的结束标记，但指定了 OMITTAG NO”，因为 div 标记未关闭。

有没有办法使用 jquery 并让它进行验证？

Answer 1

实际上，您的代码未验证的原因是 XHTML 中不允许使用某些字符。 (例如“< ”等)，因此必须将它们包裹在 CDATA 中XHTML 中的部分(由于 XML 解析规则的严格性质)。 HTML注释标记(具体来说，双破折号“-- ”)也是不允许的，也不应该出现在 SCRIPT 中。阻止，因为它们不是有效可理解的 JavaScript。所以不要使用 HTML注释标记，您应该将代码包装在“CDATA 标记部分”内以通过验证器并且不会混淆 JavaScript 引擎:

<script type="text/javascript">
//<![CDATA[
$('#s4').before('<div id="nav">').cycle({ 
    fx:     'turnDown', 
    speed:  'fast', 
    timeout: 3000, 
    pager:  '#nav' 
});
//]]>
</script>

请查看以下页面以获取更多信息:

1. XHTML 1.0 recommendation: 4.8. Script and Style elements
2. Properly Using CSS and JavaScript in XHTML Documents