問題タブ [twitter-bootstrap]

TwitterのBootstrapjsのポップオーバー機能を使用しています。クリックすると、次のJavaScriptを実行するボタンがあります。

タイトル関数とコンテンツ関数が異なるテキストを返すことを除いて、基本的に同じjavascriptを実行する別のボタンもあります。

どちらも、コンテンツが異なるだけで、同じ要素のポップオーバーを定義していることに注意してください。

問題は、いずれかのボタンがクリックされてjsが実行されると、他のボタンからそれ以降クリックしてもポップオーバーの内容が変更されないことです。では、ポップオーバーが初期化されたら、どうすればコンテンツを更新/変更できますか？

Twitter の Bootstrap CSS ライブラリを使用して、既存のモーダル ダイアログでポップオーバー効果を使用したいと考えています。ポップオーバーを小さな画像アイコンにバインドします。

ドキュメントに従って、モーダル自体も追加されます。

しかし、私が得た効果は、ポップオーバーがモーダル div の上ではなくモーダル コンテナーの下にレンダリングされることです (下のスクリーンショットを参照)。ポップオーバーを真にモーダル div の上に移動するにはどうすればよいですか?

Bootstrap でアラートを初めて見たとき、モーダル ウィンドウと同じように動作し、ドロップ ダウンまたはフェード インし、閉じるとフェード アウトすると思いました。しかし、それらは常に表示されているようです。アプリの上のレイヤーに配置して表示を管理できると思いますが、機能が組み込まれているかどうか疑問に思っていましたか?

ありがとう！

編集、私がこれまでに持っているもの:

新しい Rails 3.1 アプリを作成しました。Twitter ブートストラップ CSS ファイルを app/assets/stylesheets/bootstrap.min.css に追加しました。ここに関連するコードがあります

app/assets/stylesheets/application.css (ツリーが含まれているため、ブートストラップが含まれています)

Gemfile (コンパイル/圧縮用の execjs と therubyracer を含む)

次に、rake タスクを実行してアセットをプリコンパイルします

これは次のエラーで失敗します

その CSS はブートストラップ ファイルにあります (「.inputs-list li+li」はセレクターです)。

ただし、実行すると

今では正常に動作します。ファイルを圧縮しないように config/environments/production.rb を変更すると、次のようになります。

その後、元のコマンドも機能します（開発環境を指定せずに）。

では、どうすればエラーを追跡できますか? 今のところ、圧縮をオフにするだけで生活できますが、明らかに何かがおかしいです。レイルズですか？スプロケット? ルビーレーサー？醜い？

Twitter Bootstrap Popover バージョン 1.3.0を使用して情報を表示するリンクがあります。この情報にはリンクが含まれていますが、マウスをリンクからポップオーバーに移動するたびに、ポップオーバーが消えてしまいます。

マウスがポップオーバーに移動できるように、ポップオーバーを開いたままにしておくにはどうすればよいですか? 次に、マウスがリンクとポップオーバーの外に出たら、非表示にしますか?

または、これを行うことができる他のプラグインはありますか?

完全なドキュメントが見つかりません。たとえば、popover効果 (ここ) は、DOM のdata-origin-title属性を独自のタイトルとして、およびdata-cotentそのコンテンツとして使用します。

どこでそれを学ぶのですか？公文書にはdata-origin-title属性がありません。のソースコードにもありませんbootstrap-popover.js。

Twitter は、Bootstrap と呼ばれる GUI フレームワーク/ライブラリをリリースしました。

Twitter Bootstrap は高品質で見栄えがよく、完全に形成されたフォーム/レイアウト宣言ですが、Twitter Bootstrap 以外の同様のフレームワーク/ライブラリを推奨できる人はいますか?

jQueryUI を提案する人もいるかもしれませんが、jQueryUI の css/graphic は十分ではないと思います。

モーダルを使用してログインボックス(bootstrap-modal.js)を表示するページで、twitter ブートストラップ css フレームワークを使用しています。ログイン ボックスでは、電子メール ID とパスワードを検証するために jquery の非常に単純な検証 (jquery.rsv.js) を使用しています。問題は、検証が IE 9 のログイン モーダル ボックス内で機能しないことです。同じページにモーダルではない別のフォームがあり、検証は完全に正常に機能します。

以下は私のブートストラップモーダルフォームコードです:-

これはボタンコードです:-

jquery 1.4.2を使用しています

何が問題ですか？？このコードは、IE8 でも他のすべてのブラウザーで問題なく動作します。この問題は IE 9 でのみ発生します。

Rails 3.1 アプリで Twitter Bootstrap を使用しています。私の Timesheet#show ページには、ネストされたレコードを追加するためのフォームを表示するモーダル ボックスがあります。送信時に create.erb.js に対して Ajax 呼び出しが行われ、レコードが作成されて . フォームは 2 つのレコードをデータベースに送信しますが、Ajax が機能せず、フォームがクリアされません。

私からしてみれば：

モーダル (new.html.erb)

コントローラーの RunsController.rb

create.js.erb

最後に、Bootstrap-modal.js が提供するもの:

前述のように、フォームに入力して送信すると、2 つの同一のレコードがデータベースに保存され、モーダルはそのままで、値はそのままです。私は何を間違っていますか？

たぶんあなたはツイッターからブートストラップCSSを知っていますか？それは絶対に素晴らしいです！これにより、いくつかのデフォルトのcssクラスを使用してプロジェクトをすばやく開始できます。

特にRailsプロジェクトにとっては素晴らしいアイデアだと思います。Railsを使用すると、プログラマーはアプリケーションをすばやく開発でき、ブートストラップを使用すると、プログラマーはアプリケーションをすばやくスタイル設定できます。

しかし、一部のプラグインはブートストラップとうまく統合するためにいくつかの構成が必要であり、時にはそれは苦痛です...それで、simple_formやwill_paginateのようないくつかの主要なプラグインがブートストラップとうまく統合するためにフォークされているリポジトリはありますか？

そして、より一般的な方法で、いくつかの素晴らしいスタイルのRailsアプリケーションを持つことができるリポジトリはありますか？SassやLessなどのツールを使用すると、スタイリングタスクを高速化するためのデフォルトのミックスインがいくつかあると便利です。