JQuery TMPL дает недействительный HTML

Question

Я использую jQuery tmpl http://api.jquery.com/jquery.tmpl/,, и у меня есть <li id="${id}"> в моем источнике HTML

Но когда я проверяю свой HTML с помощью валидатора, я получаю сообщение об ошибке «Символ $ не разрешен в значении атрибута id»

Как я могу решить эту проблему?

Answer 1

Поместите его в раздел CDATA:

<script type="text/javascript">
/* <![CDATA[ */
$.tmpl( '<li id="${id}">something</li>', myData )
/* ]]> */
</script>

В XHTML (при условии, что вы подтвердите как XHTML) <script/> определяется как # P (arsed) C (характер) DATA , поэтому его содержимое будет проанализирован и возникнет ошибка. Если вы поместите его в раздел CDATA, парсер его проигнорирует.

Answer 2

Запуск проверочных тестов для окончательного сгенерированного HTML, а не для шаблонов.

Вы сможете скопировать его с помощью Firebug, например, при просмотре своей страницы.