問題タブ [tether]

私は新しい Web サイトに取り組んでおり、コンテナー div の下部にフッターを含めたいと考えています。

Tether ( http://github.hubspot.com/tether/ )という JavaScript ライブラリを見つけましたが、実装に問題があります。

以下は私のHTMLコードです

以下は私のスタイルシートです

問題は、ページをロードすると、テザー ライブラリ内で例外が発生することです。

キャッチされていない TypeError: null のプロパティ 'classList' を読み取れません

ご協力いただきありがとうございます。

まず、それがとんでもないタイトルであることは知っています。

私は最近angular-tooltipを引き継いで、メインの作業プロジェクト用のカスタム ツールチップを作成しようとしています。

私のプロジェクトには、単に言う ng-repeat ディレクティブがあります

ライブラリの手順を使用して、カスタム ツールチップ ディレクティブを定義しました。

Company.profile.html は次のとおりです。

気がつけば、ng-repeat にはlimitToフィルターがあります。これら (最初は 3 つ) のそれぞれについて、マージは完全に機能し、<div>Hello, world!</div>ツールチップが適切に追加されます。

limitTo次に、より大きな数に制限するようにトリガーします。最初の 3 の後に要素が繰り返されるたびに、次のエラーが発生します。

エラーは jquery-2.1.1.js にあり、デバッグがどうしようもなく頭を悩ませているようです。

私が言えることは、その行に対して呼び出されている関数は

の呼び出しスタックで

App.js の 262 行目は、上記のディレクティブのリンク関数です。

limitTo私の人生では、イニシャルが増加した後に繰り返される要素でコンテキストが未定義になる理由を理解できません。私が確認できることは、limitToフィルターを削除すると、各要素全体で動作が正常になることです。私が確認できることは、初期limitTo値を 0 に設定し、後でそれを増やすと、最初の 3 つの要素が機能しないことです。

のソースコードを見ると、limitTo制限している量が変更されるたびに新しい配列が構築されると思います。私の理解では、これによりangularがすべてのDOM要素を削除してから変更する必要がありますが、その変更がこれに何らかの影響を与えるかどうかはわかりません。

作業することはあまりないことはわかっていますが、これをデバッグする方法がわからず、助けをいただければ幸いです。または、ng-repeat に、これを説明できることに気付いていない動作がある場合。

いくつかのスレッドを検索しましたが、まだ問題があります。ラップトップを携帯電話にテザリングし、そのデータを使用しています。ラップトップに割り当てられたIPアドレスを確認し、それを使用していることを確認し、ポートでリッスンするようにApache Webサーバーをセットアップしました（IPは指定されていません）。また、携帯電話からラップトップの Web サーバーに接続できません。

ラップトップの Web ブラウザーで localhost を使用すると機能しますが、テザリング後に Android デバイスで指定された IP を使用すると機能しません。また、携帯電話のモバイル ブラウザからラップトップの Web サーバーに接続することもできません。

携帯電話からラップトップのローカル Web サーバーに接続できないのはなぜですか?

USBとモバイルホットスポットの両方でテザリングし、インターネット接続を正常に共有しましたが、Windowsのコマンドプロンプトからipconfigを使用して、そのIPを使用して接続することはできません http://:3128/ 3128は、Apacheがリッスンしているポートです(私も以前にIISを持っていたからです）。決して動作しません。

ページでのユーザー アクションに応じて、さまざまな DOM 要素の横にフィードバック モーダルを作成して表示したいと考えています。モーダルを配置することはできますが、情報を追加しようとするたびに、これらのエラーが発生し始めます-不変違反：findComponentRoot」。同じ http://plnkr.co/edit/alF7JyQAhBwcANyrQQiwのプランカー

このグリフィコンにポップオーバーを追加したいのですが、うまくいきません。

HTML

そしてファイルの最後に：

ファイルの先頭にブートストラップを含めました。

何が間違っているのかわかりません。ツールチップは機能します。

ターゲット要素がテザーで追加されるカスタム親要素を設定する方法はありますか?

デフォルトでは、すべてのテザー要素が に追加されbodyます。ドロップダウン要素をモーダル内の入力にアタッチしていますが、z-index の問題により、このドロップダウンを ではなくモーダルに追加する必要がありますbody。テザーにはそうするためのオプションがありますか?

Bootstrap の最新のベータ版 (v4) は Tether js を使用して要素を配置しますが、Requirejs アプリで動作させることができません。

私のrequirejs構成には、次のシムがあります

そして、アプリでツールチップを有効にしたいときは、正しいと思う次のコードを使用します

これにより、最初にブートストラップの依存関係が読み込まれ、その後でコードが実行されます。したがって、通常、このコードの前に Tether を含める必要があります。

しかし、コンソールの結果は

Uncaught ReferenceError: テザーが定義されていません

誰も同じ問題を抱えていますか？

Bootstrap V4 を使用していますが、コンソールに次のエラーが記録されます。

エラー: Bootstrap ツールチップには Tether が必要です ( http://github.hubspot.com/tether/ )

Tether をインストールしてエラーを解消しようとしましたが、うまくいきませんでした。次のコード行を含めて、Tether を「インストール」しました。

テザーを正しく「インストール」しましたか?

このエラーを削除するのを手伝ってくれる人はいますか?

私のサイトでエラーを表示したい場合は、ここをクリックしてコンソールをロードしてください。