jQuery Mobile - Wie um zu Überprüfen, ob der Browser unterstützt jQuery Mobile events

Ich bin derzeit mit der jQuery Mobile "pagebeforecreate" Seite initialization-Ereignis das laden von Inhalten in meine html-Seite. Das jQuery-Mobile-events werden hier besprochen: http://jquerymobile.com/demos/1.0a2/#docs/api/events.html. Nachdem der Inhalt geladen ist synchron und an den Körper jQuery Mobile formatiert die Seite.

Hier ist mein code, der funktioniert in Browsern, die Unterstützung von jQuery Mobile:

<!DOCTYPE html>
<html>
<head>
    <title>jQuery Mobile Test</title>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" />
    <script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>

    <script>
    $('body').live('pagebeforecreate',function(event){

        var ajaxContent = "";

        $.ajax({
            async: false,
            type: "GET",
            url: "test.xml",
            dataType: "xml",
            success: function(xml) { 

                $(xml).find('item').each(function()
                {
                    ajaxContent += '<li><a href="'+$(this).find('link').text()+'">'+$(this).find('title').text()+'</a></li>';
                });
                //alert(ajaxContent);
                $('#menu').append(ajaxContent);
            }
        });
    });
    </script>

    <script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
</head>
<body>
<noscript>You must have JavaScript enabled to view the content on this website.</noscript>
<div data-role="page">

    <div data-role="header">
        <h1>jQuery Mobile</h1>
    </div>

    <div data-role="content">

        <ul data-role="listview" id="menu">

            <li><a href="#">Static</a></li>

        </ul>

    </div>
</div>
</body>
</html>

und hier ist die XML-Datei:

<?xml version="1.0" encoding="UTF-8"?>
<menu>
<item>
<title>Awesome Link from XML 1</title>
<link>http://www.google.com</link>
</item>
<item>
<title>Awesome Link from XML 2</title>
<link>http://www.gmail.com</link>
</item>
</menu>

Wie kann ich erkennen, ob der browser unterstützt die "pagebeforecreate" jQuery Mobile event? Oder gibt es eine Möglichkeit zu erkennen, ob das Ereignis ausgeführt wurde? Wenn dieses Ereignis nie ausgeführt, ich brauche für das laden der XML mit einer anderen Funktion. Obwohl IE 8 nicht unterstützt jQuery Mobile möchte ich noch zur Verarbeitung der XML-Datei und zum anzeigen der links.

InformationsquelleAutor Greg | 2011-01-28
  1. 3

    http://jquerymobile.com/gbs/

    jQuery Mobile arbeitet an der Unterstützung
    alle A-grade-Browser. Dies bedeutet, dass
    wir werden aktiv gegen testen
    diese Browser und sicherzustellen, dass Sie
    Arbeit so gut wie Sie möglicherweise können. Die
    Browser erhalten die volle jQuery
    Mobile CSS und JavaScript (obwohl
    die ultimative layout kann eine
    gracefully degraded version des
    alle Funktionen, je nach dem
    browser).

    Um zu überprüfen, ob ein browser ist definiert als Grad Ein, die Sie anrufen können,

    $.mobile.gradeA()

    Habe ich nicht den IE zu überprüfen, was das gibt für diese, aber Sie können es versuchen

    • Danke! Das funktioniert Super. Ich habe getestet "if (!$.mobile.m())" und es funktioniert im IE 8. Gibt es eine Dokumentation auf der "$.mobile.m ()" - Ereignis? Ich wollte nicht sehen, nichts auf der jQuery Mobile Webseite.
    • Ich sollte Flagge können Sie, indem Sie eine Verknüpfung zu werfen zurück zu dieser Seite
    InformationsquelleAutor David Pean
Schreibe einen Kommentar