タグ付けされた質問 「modal-dialog」

ユーザーに重要な情報を表示するために使用されるグラフィカルダイアログを指します。これらのダイアログは他のすべてのコンテンツの上に表示され、ユーザー入力が受信されるまでアプリケーションフローをブロックします。


10
Twitterブートストラップモーダルを閉じる方法(最初の起動後)
私はまったくの初心者なので、Twitterブートストラップモーダルで何か(おそらく明白)を監視していると思います。私がやろうとしていることは、モーダルをモバイルでのみ起動できるようにすることです。これは、モーダルdivにクラス.visible-phoneを追加するとうまく機能します。ここまでは順調ですね。しかし、それを機能させたいので、Xボタンで閉じることができます。また、ボタンを機能させることができません。 <div class="modal visible-phone" id="myModal"> <div class="modal-header"> <button class="close" data-dismiss="modal">×</button> <h3>text introductory<br>want to navigate to...</h3> </div> <div class="modal-body"> <ul class="nav"> <li> ... list of links here </li> </ul> </div> </div> HTMLの下部に、jquery.js(最初)、bootstrap.modal.js、bootstrap.transition.jsを配置します。実際には、すべてのブートストラップjsモジュール(インクルードを見逃さないようにするため)。私はjsの経験がありません。 私が本当に愚かなQを提起した場合、私を許してください。ログでこの特定の状況への答えを見つけることができませんでした。

19
あるフォームから別のフォームに値を送信する
2つのフォーム(c#)間で値を渡したい。どうすればいいですか? Form1とForm2の2つのフォームがあります。 Form1にはボタンが1つ含まれています。そのボタンをクリックすると、Form2が開き、Form1が非アクティブモード(つまり選択不可)になっているはずです。 Form2には、1つのテキストボックスと1つの送信ボタンが含まれています。Form2のテキストボックスにメッセージを入力して送信ボタンをクリックすると、Form2が閉じ、Form1が送信された値で強調表示されます。 どうすればいいですか?誰かが簡単な例でこれを行うのを手伝ってくれますか?

24
ブートストラップモーダルウィンドウを完全に破壊する方法は?
約4.5ステップのウィザード実装にモーダルウィンドウを利用しました。最後のステップ(onFinish)とOnCancelステップの後で、ページを更新せずに完全に破棄する必要があります。もちろん非表示にすることもできますが、モーダルウィンドウを非表示にすると、もう一度開いたときにすべてが復元されます。誰かがこの問題について私を助けてくれますか? ありがとうどんなヒントの答えも私に役立ちます。

19
bootstrap jqueryshow.bs.modalイベントは発生しません
ブートストラップ3ドキュメントのモーダルの例を使用しています。モーダルは機能します。ただし、発生時にshow.bs.modalイベントにアクセスする必要があります。今のところ私は試しているだけです: $('#myModal').on('show.bs.modal', function () { alert('hi') }) 何も起こらず、イベントは発生しません。私は何が間違っているのですか?これは私には意味がありません。

5
AngularUIモーダルのスコープの問題
角度のあるUIモーダルのスコープを理解/使用するのに問題があります。 ここではすぐにはわかりませんが、モジュールとすべてが正しくセットアップされています(私が知る限り)が、特にこれらのコードサンプルはバグを見つけた場所です。 index.html(その重要な部分) <div class="btn-group"> <button class="btn dropdown-toggle btn-mini" data-toggle="dropdown"> Actions <span class="caret"></span> </button> <ul class="dropdown-menu pull-right text-left"> <li><a ng-click="addSimpleGroup()">Add Simple</a></li> <li><a ng-click="open()">Add Custom</a></li> <li class="divider"></li> <li><a ng-click="doBulkDelete()">Remove Selected</a></li> </ul> </div> Controller.js(ここでも重要な部分) MyApp.controller('AppListCtrl', function($scope, $modal){ $scope.name = 'New Name'; $scope.groupType = 'New Type'; $scope.open = function(){ var modalInstance = $modal.open({ …

5
複数のシート(isPresented :)がSwiftUIで機能しない
このContentViewには2つの異なるモーダルビューがあり、sheet(isPresented:)両方に使用していますが、最後のビューのみが表示されるようです。この問題を解決するにはどうすればよいですか?または、SwiftUIのビューで複数のシートを使用することはできませんか? struct ContentView: View { @State private var firstIsPresented = false @State private var secondIsPresented = false var body: some View { NavigationView { VStack(spacing: 20) { Button("First modal view") { self.firstIsPresented.toggle() } Button ("Second modal view") { self.secondIsPresented.toggle() } } .navigationBarTitle(Text("Multiple modal view problem"), displayMode: .inline) .sheet(isPresented: $firstIsPresented) { …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.