1

twitter Bootstrap ポップオーバーと jquery on hover を使用して、パスワード フィールドのパスワード要件を表示するにはどうすればよいですか。

<input id = "txtPassword" type = "password"  title ="password" />
  1. ポップオーバーのコンテンツとしてカスタム「html」を渡したいです。
  2. ポップオーバーのタイトルをカスタム タイトルに変更する
  3. ポップオーバーのスタイルを現在の基本スタイルからカスタム スタイルに変更します。
4

1 に答える 1

0

手始めに、物事を単純化し、最も単純なpopoverブートストラップを使用できます。

1.プロジェクトにブートストラップの適切なファイルを含めて、それを機能させます。bootstrap-tooltip.js b. bootstrap-popover.js c. jquery.min.js d.bootstrap.css

2. を起動する要素としてのみ要素を使用しますpopover。たとえば、次のようになります。

<a href="#" id="example" rel="popover" data-content="It's so simple to create a tooltop for my website!" data-original-title="Twitter Bootstrap Popover">hover for popover</a>

with the:でコンテンツを表示するために、でid="example"要素にアクセスできますjquerypopover

on the :ウィンドウdata-content="some text"に表示されるテキストです。popover

on the :ウィンドウdata-original-title="some title"に表示するタイトルを決定できますpopover

3.次jqueryのようにアクセスしてアクティブ化するために使用しますpopover。

$(function ()  
{ $("#example").popover();  
});

それから始めて、目標をより深く掘り下げるようにしてください。

于 2013-04-18T19:36:52.497 に答える