1

私は「typed」と呼ばれる jquery プラグインを使用して、文章を次々と入力します。これは素晴らしいことですが、ブラウザー ウィンドウにテキスト領域が表示されるまでコードを一時停止できるかどうか疑問に思っていました。

入力された最初の文を人々が見られるようにしたいのですが、現在、ページの上部からは見えないため、最初の文を見逃すことになります。

これは私が取り組んでいるページです: http://jakdesign.webflow.com/

これは、html の head 内のコードです。

$(document).ready(function( $ ) {
    $("#hero-text").typed({
        strings: ["First sentence.", "Second sentence."],
        typeSpeed: 0
    });
});

これはプラグインです: https://rawgithub.com/morr/jquery.appear/master/jquery.appear.js

4

2 に答える 2

1

要素が可視になったときに typed を初期化したいですね。次に、次のようなことを試してください。

$(document).ready(function( $ ) {
    $("#hero-text").one("appear", function() {
        $(this).typed({
            strings: ["First sentence.", "Second sentence."],
            typeSpeed: 0
        });
    });
});

もちろん、これには jQuery.appear プラグインが必要です。

于 2013-10-03T09:10:59.227 に答える
0

document readyDOM がロードされたときに起動されるため、すべてのウィジェット属性が完全に取得されるわけではありません。

window onloadページ内のアセットが完全に読み込まれるまで待機します。そのため、タグの情報と属性が完全に利用可能になります。

だからこれはあなたのために働くでしょう：

function typed() {
    $("#hero-text").typed({
        strings: ["First sentence.", "Second sentence."],
        typeSpeed: 0
    });
}

    <body onload="typed()">

またはスクリプトでこれを行う

window.onload = function(){
    $("#hero-text").typed({
            strings: ["First sentence.", "Second sentence."],
            typeSpeed: 0
        });
}
于 2013-10-03T08:58:01.810 に答える