問題タブ [bootstrap-modal]

私のサイトでは、 http://getbootstrap.com/examples/sticky-footer-navbar/で説明されている「スティッキー フッター」方式を使用しています。

Bootstrap 3 Modal を使用すると、いくつかの問題に気付きました。1 つ目は、モーダルが表示された直後にスクロール位置が一番上にリセットされることです。2 つ目は、モーダルが閉じられた後、フォールドの下にあるコンテンツは「アクティブ」ではなくなり、ボタンとリンクが機能しなくなることです。

私の推測では、モーダル背景がコンテンツを「カバー」し続けているのでしょうか?

データ属性ごとにモーダル背景を「false」または「静的」に設定してみましたが、役に立ちませんでした。

これまでのところ、これは Chrome ではなく IE のみの問題のようです。

私は持っている：

コントローラで:

と：

これはうまくいきます。div タグにはmyModal正しいfamid値が入力されます。しかし、ajaxを介してコントローラーにデータを投稿し、データベースにクエリを実行して、代わりに変数を使用し@detailsたいだけです。だから私は試しました：

@details今、私は次のような変数 を使用したいと思います:

それ、どうやったら出来るの？

更新: わかりました、私は次のことをしましたが、部分的なものを除いてすべて正常に動作します(@Rich & @NitinJのおかげです)。正しくレンダリングされていません。

map.js.erb

_details.html.erb

map.html.erb

更新：

パーシャルがブラウザ コンソールで正しくレンダリングされるようになりました。#myModaldiv が正しく設定されていることがわかります。しかし、それはブラウザコンソールにのみ表示され、map.html.erbページには表示されません. ここで何が問題なのですか？

私が使用Raphael JS libraryしていて、Chrome と Safari でエラーが発生しました

要素属性値の負の値が無効です

誰かがそのような状況にあり、私に何かを提案できるかもしれません。

事前にTHX

問題は Raphael.js の行 ~ 6153 および 6175 にあります。

と

ユーザーがエンティティを削除しようとしたときに JavaScript が確認するのと同じように機能する単純なモーダルを設計しました。ユーザーが「削除」アイコンをクリックすると、アイコンのクリックイベントで次のモーダルが起動します。

ユーザーが [はい] をクリックすると、項目を削除する ajax 要求が送信されます。最初の ajax リクエストが送信されたときに完全に機能します。しかし、ユーザーが同じ操作を再度実行しようとすると、次の試行のために 2 つの要求が送信されます。何が問題なのかわかりません。

「削除アイコン」のHTMLは次のとおりです。

モーダルの場合:

ここに私のJavaScriptがあります:

});

jschr ブートストラップ モーダル プラグイン ( https://github.com/jschr/bootstrap-modal ) を使用して、サイトにモーダルを作成しています。まず第一に、私はプラグインが大好きです。これにより、モーダルは私が望んでいたすべてのクールなことを実行できますが、次の方法でモーダルを使用しています。

基本的に、モーダルにタブが含まれている場合、モーダルに動的位置を実装したいと考えています。したがって、以下の例では、モーダルは現在、追加のタブのコンテンツの長さに関係なく、常に最初のアクティブなタブの位置に設定されます。基本的に、私が求めているのは、モーダルのタブが新しい​​高さでウィンドウの中央に再配置されるように変更されたときです...これを達成する方法に関するアイデアはありますか?

JSFiddle: ここにアクセスできるフィドルを追加しました: http://jsfiddle.net/valvemail/ML6Xp/3/

残念ながら、モーダルがフィドル ブラウザ ウィンドウの上部にドッキングされて開くため、私が行っていることの表現が不十分です....そのため、フィドルでは、高さは動的ですが、位置はそうではありません....

ありがとう！

プロジェクトで angular-ui-router と angular-bootstrap を使用しています。

次のユースケースを実装したい：

ユーザーが「編集」ボタンをクリックすると、UI-Router は URL を変更し、モーダル ウィンドウを開きます。ブラウザの戻るボタンで戻ると、モーダルウィンドウが閉じてしまいます。

モーダル ウィンドウが開いているときにユーザーがページをリロードすると、アプリケーションはモーダル ウィンドウのコンテンツをメインの ui-view コンテナーにレンダリングする必要があります。

この種雄牛で見ることができるこの使用例: http://canopy.co/ (アイテムをクリックしてページをリロードしてみてください)

質問: 上記の動作を実装するにはどうすればよいですか?

これが私のjsFiddle http://jsfiddle.net/sloot/ceWqw/3/です