0

私は Twitter BootStrap の初心者で、次の問題があります。

この例を JSP ページに実装しようとしています: http://www.w3schools.com/bootstrap/bootstrap_popover.asp

したがって、このコードを JSP ページに単純に追加しました。

<a href="#" data-toggle="popover" title="Popover Header" data-content="Some content inside the popover">Toggle popover</a>

そして、この JQuery 関数を、前の JSP ページにインポートされた JavaScript ファイルに追加しました。

$('[data-toggle="popover"]').popover();

問題は、それが機能せず、ボタンをクリックしてもポップオーバー ウィンドウが表示されず、URL にhttp://localhost:8080/WIFIPNSD/validazione#があり、ページが一番上までスクロールされることです。

なんで？私は何が欠けていますか？この問題を修正して、このポップオーバー ウィンドウを表示するにはどうすればよいですか?

4

1 に答える 1

0

そのリンクはローカル ネットワークを指しているため、アクセスできません。JSFiddle などを使用するか、コード全体を投稿して、何が問題なのかを正確に確認できるようにしてください。

考えられる問題/解決策:

  1. DOM の準備が整う前にコードが実行されています。$(function() { /* YOUR CODE HERE */ }); でラップしてみてください。
  2. リソースを含めませんでした。これらのツールを利用できるように、ドキュメントに jQuery タグとブートストラップ タグがあることを確認してください。また、必ずブートストラップ スタイルシートを含めてください。リストしたページの例を参照して、([1]: http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_popover&stacked=h "link")に何を含めるべきかを確認してください。
  3. ポップオーバーは他の要素の背後に表示されています。ポップオーバー要素の z-index が、ページ上の他の要素よりも高いことを確認してください。
于 2015-10-02T14:15:56.850 に答える