bootstrap+jquery でのファイルエラーレポートの紹介 (詳細なチュートリアル)-jsチュートリアル-php.cn

bootstrap+jquery でのファイルエラーレポートの紹介 (詳細なチュートリアル)

亚连

リリース： 2018-06-11 11:29:56

オリジナル

2038 人が閲覧しました

この記事では主に、bootstrap+jquery プロジェクトにファイルを導入する際の一般的なエラーの問題を紹介します。以下に、必要なエラーとエラーの解決策を紹介します。

プロジェクトに取り組んでいるとき、コンソールには常にさまざまなバグが存在します。実際、開発中にエラーが発生しても、パニックになる必要はありません。次にエラーを確認したときに、それを簡単に要約できるようになります。以下は、開発プロセス中に発生したいくつかのエラーとその解決策をまとめたものです。

エラー 1: キャッチされない参照エラー: $ が定義されていません

Uncaught ReferenceError: $ is not defined
Uncaught ReferenceError: jQuery is not defined

ログイン後にコピー

エラーの理由: ファイルをロードする順序が間違っています。jQuery ファイルの順序は前にある必要があります

方法:すべてのスクリプトファイルの前に jQuery ファイルを記述します。 jsp ページに変更します。パスが見つかりません。次のようになります。

現時点では、このコードをファイルに追加するだけです。

解決策: 次のコードを挿入します。との間

<%
 String path = request.getRequestURI();
 String basePath = request.getScheme() + "://"
   + request.getServerName() + ":" + request.getServerPort()
   + path;
%>
<base href="<%=basePath%>" rel="external nofollow" >

ログイン後にコピー

エラー 3: Uncaught TypeError: $(...).tooltip は関数ではありません

Uncaught TypeError: $(...).tooltip is not a function
 at HTMLDocument.<anonymous> (app.js:42)
 at l (jquery.min.js:4)
 at Object.fireWith [as resolveWith] (jquery.min.js:4)
 at Function.ready (jquery.min.js:4)
 at HTMLDocument.S (jquery.min.js:4)

ログイン後にコピー

理由: 2 つの異なるバージョンの jQuery UI が含まれています。これにより競合が発生する可能性があります。

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

ログイン後にコピー

Solution:

Edit:

<script>
jQuery( document ).ready(function( $ ) {
 $(&#39;.hasTooltip&#39;).tooltip();
});
</script>

ログイン後にコピー

を削除してみてください。このように使用すると、問題が解決しました。

エラー 4: キャッチされない TypeError: $(...).sortable は関数ではありません

Uncaught TypeError: $(...).sortable is not a function
 at HTMLDocument.<anonymous> (dashboard.js:12)
 at l (VM552 jquery.min.js:4)
 at Object.fireWith [as resolveWith] (VM552 jquery.min.js:4)
 at Function.ready (VM552 jquery.min.js:4)
 at HTMLDocument.S (VM552 jquery.min.js:4)

ログイン後にコピー

エラー 5: bootstrap.min.js:7 キャッチされないエラー: ブートストラップには jQuery が必要です

bootstrap.min.js:7 Uncaught Error: Bootstrap requires jQuery
 at bootstrap.min.js:7

ログイン後にコピー

解決策: 解決策: jquery.min.js を bootstrap.min.js ファイルの前に置き、それを参照します。 bootstrap.min.css ファイルが 2 つのファイルの前または後に参照されるかは関係ありません (複数回テストされています)。）。上記は私があなたのためにまとめたものです。

関連記事: AngularJS の双方向データバインディングの原則 (詳細なチュートリアル)

WeChat ミニプログラムでのデータストレージと値の取得に関する問題