W3C валидатор и jquery - PullRequest
Новая
       1

W3C валидатор и jquery

1 голос
/ 13 августа 2011

У меня много ошибок при запуске валидатора W3C на html-странице с кодом jquery. Это пример кода jquery, который я использую: 

jQuery(document).ready(function($) 
{
    /*<![CDATA[*/

    $("body").append("<div id='mainBody'>");
    $("#mainBody").append("<h1 align='center'>SCORM Authoring Tools");

    $("#mainBody").append("<table id='myTable' border='1' />");

    $("#myTable").append("<tr id='tr1' />");
    /*]]>*/
});

Это пример таких ошибок: 

Line 4, Column 267: end tag for element "TD" which is not open
append("<td class='rows'>Product</td>");    
$("#tr1").append("<td class='rows'>…

Я использую <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">; Спасибо

Ответы [ 2 ]

4 голосов
/ 13 августа 2011

Проблема не в том коде, который вы вставили. Это код, который вы не вставили. Приведенный ниже код проверяет меня с предупреждениями на http://validator.w3.org/#validate_by_input: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<title>JS Bin</title>
<script type="text/javascript">
jQuery(document).ready(function($) 
{
    /*<![CDATA[*/

    $("body").append("<div id='mainBody'>");
    $("#mainBody").append("<h1 align='center'>SCORM Authoring Tools");

    $("#mainBody").append("<table id='myTable' border='1' />");

    $("#myTable").append("<tr id='tr1' />");
    /*]]>*/
});
</script>
</head>
<body>
  <p id="hello">Hello World</p>
</body>
</html>

Я думаю, что это, вероятно, отсутствует или неправильно <script> теги.

Как отметил Феликс Кинг, вы также можете удалить комментарии CDATA, поскольку вы проверяете их с помощью HTML, а не XML.

1 голос
/ 13 августа 2011

Вы хотели бы поместить его вокруг всего своего кода: 

/*<![CDATA[*/
jQuery(document).ready(function($) 
{

    $("body").append("<div id='mainBody'>");
    $("#mainBody").append("<h1 align='center'>SCORM Authoring Tools");

    $("#mainBody").append("<table id='myTable' border='1' />");

    $("#myTable").append("<tr id='tr1' />");
});
/*]]>*/
...