インターネットから 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 ページに複数回導入しないでください。