How to make jQuery Mobile attributes XHTML-valid

I started using jQuery Mobile some time ago, and as those that know jQuery Mobile know, it uses it's own HTML attributes to give items a predefined role. Mostly divs. Some examples:

<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>

As you can see, lots of jQuery attributes are added like data-role data-type data-ajax data-transition data-iconpos ...

Now, I prefer to use XHTML strict syntax, but when validating I got those errors: http://cl.ly/400Q080G3X2V3j3x2S00

I tried XHTML Transitional as well, but it gave the same errors.

I tried Googling to find a solution, but couldn't. I think to solve this, there should exist a DTD for all the jQuery Mobile attributes, right?

Is there another way to solve this problem?

Recommended topics

Hot tags