Windows Dev Center

Dieser Artikel wurde manuell übersetzt. Bewegen Sie den Mauszeiger über die Sätze im Artikel, um den Originaltext anzuzeigen. Weitere Informationen
Übersetzung
Original
Informationen
Das angeforderte Thema wird unten angezeigt. Es ist jedoch nicht in dieser Bibliothek vorhanden.

Debuggen von Beispielcode für HTML, CSS und JavaScript

Gilt für Windows und Windows Phone

Der Code in diesem Thema ist die Beispieldatei für Schnellstart: Debuggen von HTML und CSS. Die Fehler, die im QuickStart vorhanden sind, werden in dieser Version des Codes behoben.

Der folgende HTML-Code wird im <body>-Tag im Schnellstart verwendet.

<div id="flipTemplate" data-win-control="WinJS.Binding.Template"
         style="display:none">
    <div class="fixedItem" >
        <img src="#" data-win-bind="src: flipImg" />
    </div>
</div>
<div id="fView" data-win-control="WinJS.UI.FlipView" data-win-options="{
    itemDataSource: Data.items.dataSource, itemTemplate: flipTemplate }">
</div>

Im folgenden CSS werden die Ergänzungen dargestellt, die an default.css vorgenommen wurden.

#fView {
    background-color:#0094ff;
    height: 500px;
    margin: 25px;
}

Im folgenden Codebeispiel wird der vollständige JavaScript-Code in default.js dargestellt. Die Verweise auf WinJS-Namespaces für diesen Code befinden sich in der Datei "default.html" der Vorlage.

(function () {
    "use strict";

    var app = WinJS.Application;
    var activation = Windows.ApplicationModel.Activation;

    var myData = [];
    for (var x = 0; x < 4; x++) {
        myData[x] = { flipImg: "/images/logo.png" }
    };

    var pages = new WinJS.Binding.List(myData, { proxy: true });

    app.onactivated = function (args) {
        if (args.detail.kind === activation.ActivationKind.launch) {
            if (args.detail.previousExecutionState !==
            activation.ApplicationExecutionState.terminated) {
                // TODO: . . .
            } else {
                // TODO: . . .
            }
            args.setPromise(WinJS.UI.processAll());

            updateImages();
        }
    };

    function updateImages() {

        pages.setAt(0, { flipImg: "http://go.microsoft.com/fwlink/?LinkID=223195" });
        pages.setAt(1, { flipImg: "http://go.microsoft.com/fwlink/?LinkID=223196" });
        pages.setAt(2, { flipImg: "http://go.microsoft.com/fwlink/?LinkID=223197" });
    };

    app.oncheckpoint = function (args) {
    };

    app.start();

    var publicMembers = {
        items: pages
    };

    WinJS.Namespace.define("Data", publicMembers);

})();

Community-Beiträge

Anzeigen:
© 2015 Microsoft