jqueryエラー$('....').lazyloadは関数の解決策ではありません

インターネットから 2 つの HTML テンプレートを見つけたので、2 つの Web サイトを結合したいと考えました。ただし、どちらの Web サイトにも独自のスタイルがあります。
そのときは、すべての script タグを一緒に貼り付けるだけでした。
その結果、ページのロード時にエラーが報告されます。

Uncaught TypeError: $(...).lazyload is not a function
    at HTMLDocument.<anonymous> (d4cff3922527a903.js:3904)
    at j (d4cff3922527a903.js:12)
    at Object.fireWith [as resolveWith] (d4cff3922527a903.js:12)
    at Function.ready (d4cff3922527a903.js:12)
    at HTMLDocument.J (d4cff3922527a903.js:12)

いくつかのブログをチェックしたところ、jQuery オブジェクトの前に jQuery が使用されている、関数の前に $ が使用されている、js パッケージが欠落していると記載されているものもありました。
最後に、この記事
https://segmentfault.com/q/1010000003030352を見
たときに、以前にすべての script タグを一緒に貼り付けたため、2 つの jquery ファイルが同じ html ページに導入されていたことに気付きました。自分のコードをチェックしたところ、実際は次のとおりであることがわかりました。
ヘッダーには次のものが導入されていました。

<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>

もう 1 つが下部に紹介されています。

<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>

一番下のjqueryファイルを削除し、ヘッダーファイルだけを残します。問題が解決しました。
概要: jquery.min.js ファイルを同じ HTML ページに複数回導入しないでください。

Supongo que te gusta

Origin blog.csdn.net/zoubaihan/article/details/115111812
Recomendado
Clasificación