为什么这不会验证（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 中不允许使用某些字符（例如“<”等），因此必须将它们包装在 中XHTML 中的 >CDATA 部分（由于 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. < a href="http://www.w3.org/TR/xhtml1/#h-4.8" rel="nofollow noreferrer">XHTML 1.0 建议：4.8。 脚本和样式元素
2. 在 XHTML 文档中正确使用 CSS 和 JavaScript

Answer 2

如果您将 HTML 注释标签放入脚本块中，验证器将忽略该代码块并正确验证。

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

Answer 3

您可以通过执行以下操作来消除错误：

$('#s4').before('<' + 'div id="nav">').cycle({ ...

这应该使验证器无法检测脚本标记内的任何 HTML。 我 - 我会忍受这个错误，因为我知道这是验证器的问题而不是我的代码的问题。