問題タブ [pace]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
loader - ペースローダーに「お待ちください」テキストメッセージを追加する方法
私は Pace ローダー ( http://github.hubspot.com/pace/docs/welcome/ ) を使用しており、「フラッシュ」プリロード テーマを使用しています。ここで、小さな円形のプリローダーを画面の左側に配置します。「カバー」と呼ばれるクラスの div も追加しました。この div はページ全体をカバーし、ページが読み込まれるとフェード効果で消えます。すべてが完璧に機能します。
ここで、循環プリロードの右側に小さなテキスト メッセージを追加したいと思います。たとえば、「読み込み中です。しばらくお待ちください...」( see pic 1)。
ここに私のpeace.css：
誰かがこの目標を達成するのを手伝ってくれますか? CSSを操作しようとしましたが、何もありません。答えてくれてありがとう。
javascript - Pace.js を使用して動的に読み込まれたスクリプトを追跡する
ページ読み込みの進行状況を表示するために、pjax スタンドアロンとace.js を使用しています。すべてうまくいっています。
ただし、かなり大きなボタンクリック (houndify-web-sdk.min.js 700kb) に続いて動的にロードするスクリプトが 1 つあり、このロードの進行状況も表示したいと考えています。
スクリプトは現在、次のように追加されています。
この負荷を追跡するペースをつかむことは可能ですか?
また、以下の Pace.track 機能も試してみましたが、うまくいきませんでした。
ヘルプ/アドバイスをいただければ幸いです。
javascript - ドロップダウン リスト ボックスを使用した Pace.js
ドロップダウン リスト ボックスの項目をクリックしているときに、pace.js を使用できる場所は可能ですか?これは可能ですか?
javascript - data-progress="50" の場合、data-progress-text を変更します
ページにローダーがあり、その html は次のようになります。
data-progress-textをdata-progress is 50
から"Loading 50 / 100"
に変更できる JS を書きたいと思い"Almost there!"ます。
どこから始めればいいのかわからないので、助けていただければ幸いです。
javascript - document.ready 関数部分でのpace.jsの使用
ページの先頭部分にこれを配置してpace.js、読み込みバーのアニメーションでファイルを読み込みます。
そして体内では
$(document).ready(function() {});パートの直後にペースを上げるにはどうすればよいですか？パーツだけでペースアニメーションを呼び出すことはでき
$.getScriptますか？
私はたくさん検索しましたが、私の問題に対する明確な答えを得ることができませんでした。
アップデート
Pace.start()の直後に置くとうまくいきます$(document).ready(function() {
しかし、それは動作しますが、Chrome と Explorer でのみ動作します。誰かが Firefox で動作しない理由を知っていますか?
Firefox のコンソールでのみ、ロード時にこのメッセージが表示されます。