Как сделать атрибуты jQuery Mobile XHTML-действительными - PullRequest
Новая
       1

Как сделать атрибуты jQuery Mobile XHTML-действительными

5 голосов
/ 26 ноября 2011

Я начал использовать jQuery Mobile некоторое время назад, и, как знают те, кто знает jQuery Mobile, он использует свои собственные атрибуты HTML, чтобы дать элементам предопределенную роль.В основном дивы.Некоторые примеры: 

<div data-role="page" id="trackPage">
    <div data-role="header">
        ...
    </div><!-- /header -->
    <div data-role="content" id="content_init">
        <form action="DoTrack" method="post" id="track_form" data-ajax="false">
            <div data-role="fieldcontain" id="div_trackselect">
                <fieldset data-role="controlgroup" data-type="horizontal">
                    ....
                </fieldset>
            </div>
        </form>
        ...
    </div>
    ...
</div>

Как видите, добавлено множество атрибутов jQuery, например data-role data-type data-ajax data-transition data-iconpos ...

Теперь я предпочитаю использовать строгий синтаксис XHTML, но при проверке Iя получил эти ошибки: http://cl.ly/400Q080G3X2V3j3x2S00

Я также пробовал XHTML Transitional, но он выдавал те же ошибки.

Я пытался поискать в Google, но не смог.Я думаю, что для решения этой проблемы должен существовать DTD для всех атрибутов jQuery Mobile, верно?

Есть ли другой способ решения этой проблемы?

1 Ответ

11 голосов
/ 26 ноября 2011

На домашней странице jQuery Mobile четко указано, что это:

Унифицированная HTML5 система пользовательского интерфейса для всех популярных платформ мобильных устройств ...

И по этой причине вам следует использовать тип документа HTML5. Это обеспечит проверку вашей страницы, если это важно для вас. 

<!DOCTYPE html>

Не забывайте, что вы все еще можете использовать синтаксис в стиле XHTML, если используете тип документа HTML5. Я думаю, что большинство людей

Кстати, jQuery Mobile не создает свои собственные атрибуты - они не являются точными атрибутами «jQuery Mobile» - система атрибутов data- * является частью HTML5 и существует для того, чтобы вы могли присоединить произвольные данные в узлы DOM.

...