0

@TheSystemここにコードがあります。見て解決してください

<div class="fragment groupeditemspage">
    <header aria-label="Header content" role="banner">
        <button class="win-backbutton" aria-label="Back" disabled></button>
        <h1 class="titlearea win-type-ellipsis">
            <span class="pagetitle"><b>OvalFox </b>News Reader</span>
        </h1>
    </header>
    <section aria-label="Main content" role="main">
    <progress class="win-ring withText" id="loadingIndicator"></progress>
        <div class="groupeditemslist" aria-label="List of groups" data-win-control="WinJS.UI.ListView" data-win-options="{ selectionMode: 'none' }"></div>
    </section>
</div>

上記はhtmlコードです。表示される場合は進行状況タグが含まれています。Windows 8アプリケーションを起動すると進行状況バーが表示され、進行状況バーは実行され続け、コンテンツが問題なく読み込まれるとすぐに非表示になります。項目をクリックして詳細を表示するとページ、問題なく開いていますが、戻るボタンをクリックするとすぐに、これはどの機能ですか

navigated: function () {
                // Do application specific on-navigated work here
                var backButton = this.pageElement.querySelector("header[role=banner] .win-backbutton");
                if (backButton) {
                    backButton.onclick = function () { nav.back(); };

                    if (nav.canGoBack) {
                        backButton.removeAttribute("disabled");
                    } else {
                        backButton.setAttribute("disabled", "disabled");
                    }
                }
            },

プログレスバーがメインページに表示され、コンテンツがデフォルトでページにロードされていても非表示になりません

ここにプログレスバーのJavaScriptコードがあります

for (var n = 0; n < items.length; n++) {
        var article = {};
        // Get the title, author, and date published.
        article.title = items[n].querySelector("title").textContent;
        article.author = items[n].querySelector("creator").textContent;
        article.date = items[n].querySelector("pubDate").textContent;
        var thumbs = items[n].querySelectorAll("content");
        article.content = items[n].querySelector("description").textContent;
        var staticContent = toStaticHTML(items[n].querySelector("description").textContent);
        var progressBar = document.getElementById("loadingIndicator").style.display = 'none';
        progressBar.value = 1;
        // Process the content so that it displays nicely.

        if (thumbs.length > 1) {
            article.thumbnail = thumbs[thumbs.length - 1].attributes.getNamedItem("url").textContent;

        }
        else {
            var firstindex = article.content.indexOf("<img");
            if (firstindex !== 1) {
                var secondindex = article.content.indexOf("src=", firstindex) + 5;
                var thirdindex = article.content.indexOf("\"", secondindex);
                article.thumbnail = article.content.slice(secondindex, thirdindex);
            }
        }

上記のコードには、次のコードセクションが含まれています

var progressBar = document.getElementById("loadingIndicator").style.display = 'none';
        progressBar.value = 1;

上記のコードは、コンテンツがロードされるとすぐにプログレスバーを非表示にするために使用する実際のコードですが、戻るボタンがクリックされるとこの機能は機能しません

この詳細で複雑なコードについて、@TheSystem や他のユーザーから助けを得たいと思っています。

4

1 に答える 1

2

このコードはあなたが思っていることをしません:

var progressBar = document.getElementById("loadingIndicator").style.display = 'none';
progressBar.value = 1;

あなたがしたい

var progressBar = document.getElementById("loadingIndicator");
progressBar.style.display = 'none';
progressBar.value = 1;
于 2013-02-16T21:19:55.440 に答える