非モーダルブートストラップダイアログボックスを作成しようとしています。どうすればいいのかわからない。私はたくさんの投稿をチェックしましたが、私の質問に答えるものはありません。ダイアログボックスが開いていてもユーザーが他のことを実行できるようにしたいので、ダイアログをnone-modalにする必要があります。
リンクhttp://refork.com/x657を見ましたが、試したところ、うまくいきませんでした。ダイアログを開くことを拒否しました
どうもありがとう。
ドキュメントに基づくと、これは可能ではないようですが、アラートが目的に役立つ可能性があります:http://getbootstrap.com/javascript/#alertsアラートは、表示および独立を維持するために固定された位置にあるdivに配置できます。それらの下のコンテンツの。
html:
<button id="myBtn">show 'modal' alert</button>
<p>
more content that the user should be able to see....
</p>
<p>
more content that the user should be able to see....
</p>
<p>
this is the bottom
</p>
<div style="position:fixed;bottom:0;left:0;width:100%;" id="alerts"></div>
そしてJSは「モーダル」アラートを追加します(好きなようにスタイルを設定できます):
$("#myBtn").click(function() {
$('<div class="alert alert-success alert-dismissable">'+
'<button type="button" class="close" ' +
'data-dismiss="alert" aria-hidden="true">' +
'×' +
'</button>' +
'modal info...' +
'</div>').appendTo("#alerts");
});
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加