問題タブ [bootstrap-modal]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Twitter Bootstrapモーダルはスライドダウンしてフェードインしますが、閉じるとすぐに閉じ、スライドアップフェードアウト遷移を行いません
モーダルは正常に動作しますが、モーダルを閉じようとすると、ブートストラップ JavaScript ページのデモと同じスライド アップ フェードアウト アニメーションが実行されません。
私はいくつかのデバッグを行い、私のバージョンでは $this.element.trigger(e); にヒットすると、すぐにポップアップを閉じます。しかし、bootstrapのデモ版では$this.element.trigger(e)に到達し、画面に影響を与えずに$.supportTransitionに到達し、hideWithTransition()にヒットすると、本来のように上にスライドしてフェードアウトします。
誰が何が起こっているのか知っていますか?助けてくれてありがとう。
モーダル:
アンカーモーダルトリガー:
これをmagentoサイトで使用していることを忘れていました。私はmagento community edition 1.7.0.2を使用しています。どこかに競合があるに違いありません。jsfiddle を試してみます。
アップデート!
わかりました、犯人を見つけました。非競合モードの Jquery で使用しているプロトタイプ スクリプトを削除しました。プロトタイプを削除すると、正常に機能しました。プロトタイプでなぜそれが起こるのか、誰にも分かりますか? これからも探っていきたいです。ありがとう。
css - ブートストラップ モーダル ボディへの特定の div のスクロールバー
私のモーダルボディには 2 つの div が並んでいます。コンテンツがモーダルに対して大きすぎる場合、そのうちの 1 つにスクロールバーが必要です。残念ながら、スクロールバーはdivではなくモーダルボディに表示されます。
私が持っているもの:
私が欲しいもの:
私の panelGuest にはoverflow-y
to auto があります。代わりに「scroll」を試しましたが、スクロールバーは表示されますが利用できません。モーダルボディのオーバーフローにさまざまな値を試しましたが、無駄でした。
CSS:
html:
ここで問題のフィドル: http://jsfiddle.net/Ua2HM/2/
javascript - ブートストラップモーダル。Catch Uncaught TypeError: オブジェクト [オブジェクト オブジェクト] にメソッド 'modalmanager' がありません
私は得る:
私のscript.jsファイルには次のものがあります。
私のjspページのコード:
エラーはbootstrap-modal.jsにあります
この問題を解決する方法を教えてください。ありがとう。
jquery-ui - ブートストラップ モーダルで jquery-ui ダイアログを変更する方法
jQuery UI を使用して確認ダイアログを作成するための次のコードがあります。
}
Bootstrap Modals を使用するように変更するには?
bootstrap-modal - Bootstrap Modal をウィンドウに合わせて動的にサイズ変更し、毎回異なるコンテンツをロードする
クリックされたリンクに応じて、さまざまなリモート コンテンツを Bootstrap Modal オーバーレイにロードできるようにする必要がありました。
また、ウィンドウの高さのほとんどと幅の約 3 分の 2 を使用するように動的にサイズ変更する必要がありました。
最終的には、いくつかの場所から集めた小片を自分で少しいじって組み合わせることで、そこにたどり着きました。
一貫した場所でこれに対する答えを見つけることができなかったので、他の人に役立つ場合に備えて、質問と自分の答えを投稿しています。
html - Google画像検索に似たUI
webapp には、それぞれに少しの情報を含むアイテムのリストがあります。各項目をクリックしたときに、より多くの情報を表示したい。Bootstrap Modalを使用してウィンドウをポップすることはできますが、Google Image Search と似たようなことをしたいと思います。
アイテムをクリックすると、アイテムの下にスペースを追加して詳細を入力したいと思います。
すでにそれを実装しているコントロールはありますか? 見つかりませんでした。Bootstrap と jQuery を使用しています。
backbone.js - ログインのためにブートストラップ モーダルでバックボーン ビューを使用し、ログイン後にタスクを実行するにはどうすればよいですか?
LogOnView を呼び出すバックボーン ビューがあります。私のLogOnViewでは、ユーザーはユーザー名とパスワードを使用してログインできます。サーバー側とクライアント側のすべてのタイプの検証が存在します。ユーザーが別のビューのボタンをクリックしたときに、このビューをブートストラップ モーダルで使用したいと考えています。このように、すべてのコンテンツ LogOnView をブートストラップ modal-body に追加できます
NB私はBootstrapモーダルを動的に有効にしています。つまり、ビューから(javascriptを使用して)意味します。
これにより、LogOnView のコンテンツが Boostrap モーダルに正常に追加されます。また、LogOnViewで問題ないので、ログインと検証も問題ありません。しかし、ユーザーが正常にログインしたときに別の作業を行う方法を見つける必要があります。つまり、ユーザーが正常にログインするとモーダル ポップアップが閉じ、このビューで別のタスクを実行する必要があります。
では、この面で何ができるでしょうか?どんなアドバイスでも結構です。
注意: (要約/類似基準) facebook のようなものとまったく同じです。誰かがFacebookアカウントを使用して他のウェブサイトのコンテンツを気に入ったとき。ユーザーがいいねボタンをクリックすると、モーダルポップアップが開き、そこにログインした後、いいねが確認されます。
LogOnView をブートストラップ モーダルに使用して、このようなことをしたいと考えています。