2

ウェイポイントを使用して非常に単純なスクロール効果を実行しようとしていますが、何らかの理由でウェイポイントをまったく機能させることができません。

jQuery (1.7.1) が正しく読み込まれ、ウェイポイントの前に読み込まれます。このページには他にも jQuery 関数があり、それらはすべて問題なく動作します。例えば:

$(document).ready(function() {
  $(".form label").addClass("column");
}

ウェイポイント ( waypoints.min.js、バージョン 1.1.6) も、jQuery の後、正しく読み込まれます。

しかし、私が何をしても、Firefox以外ではウェイポイントで何も反応しないようです。

waypoint()ロードが完了するかどうかを確認せずに要素を直接呼び出すとdocument、エラーは発生しませんが、反応もありません。

$('.wrapper').waypoint(function() {
    alert('You have scrolled to an entry.');
});

– コンソール エラーや警告は表示されませんが、警告も表示されません ( .wrapperdiv が作成される前にスクリプトが配置されるため、期待していませんでした)。

次のように、 が終了するのを待つ場合document:

$(document).ready(function() {
    $('.wrapper').waypoint(function() {
    alert('You have scrolled to an entry.');
    });
});

– Firefox では動作するようですが、Chrome、Opera、Safari では動作しません。SafariのWebコンソールが教えてくれます

TypeError: 'undefined' は関数ではありません (評価中
'$('.wrapper').waypoint(function() { alert('You have scrolled to an entry.'); })')

– が突然関数でなくなった理由がわかりませundefinedん (または、なぜ関数が突然 に「設定」されたのundefinedか、どちらか正しい見方をするとよいでしょう) …</p>

私は状況下では jQuery や JavaScript 全般に精通していないので、それと競合する可能性のあるものをどこで探すべきか、またはなぜそれが私にこれを行っているのか本当にわかりません。

ヘルプ?

4

2 に答える 2

4

なんらかの理由で、ある時点で、今度は Google のサーバーから直接 jQuery の 2 番目のインポートを追加し、この 2 番目の呼び出しを別のファイルに配置したことが判明しました。

それを取り除くと、ウェイポイントは(多かれ少なかれ)期待どおりに機能しました。

于 2012-04-01T13:19:39.257 に答える
1

私はこの開発トレイルに不慣れで、Jquery プラグインで間違っていたことに気付きました。head タグ内のスクリプトの順序でした。最初に Jquery スクリプトを配置すると、Google Chrome コンソールの未定義エラーがなくなりました。

于 2015-01-23T19:57:14.407 に答える