5

私はしばらく前にjQueryMobileを使い始めましたが、jQuery Mobileを知っている人が知っているように、jQuery Mobileは独自のHTML属性を使用して、アイテムに事前定義された役割を与えます。主にdiv。いくつかの例：

<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の厳密な構文を使用することを好みますが、検証時にこれらのエラーが発生しました：http: //cl.ly/400Q080G3X2V3j3x2S00

XHTML Transitionalも試しましたが、同じエラーが発生しました。

グーグルで解決策を見つけようとしましたが、見つかりませんでした。これを解決するには、すべてのjQueryMobile属性にDTDが存在する必要がありますね。

この問題を解決する別の方法はありますか？

4

1 に答える 1

11

jQuery Mobileのホームページには、次のように明記されています。

すべての一般的なモバイルデバイスプラットフォーム向けの統合されたHTML5ベースのユーザーインターフェイスシステム...

そのため、HTML5Doctypeを使用する必要があります。これにより、ページが重要である場合は、ページが確実に検証されます。

<!DOCTYPE html>

HTML5 doctypeを使用する場合は、XHTMLスタイルの構文を引き続き使用できることを忘れないでください。ほとんどの人はそうだと思います。

ちなみに、jQueryMobileは独自の属性を作成していません-それらは正確には「jQueryMobile」属性ではありません-data-*属性システムはHTML5の一部であり、任意のデータをDOMノードにアタッチできるように存在します。

于 2011-11-26T10:52:13.723 に答える