boostrapのモーダルフラッシュ問題の解決法
2022-01-11 23:10:53
ここでの点滅シナリオは、jsメソッドの修正・追加ともに$('#modalRowEdit').modal('show')を呼んでしまう、ボタンの追加を利用、aタグの修正を行うというもの。
画像
タグを修正します。
<a onclick="editRow(this)" data-toggle="modal" data-target="#modalRowEdit">modify</a>
// js
function editRow(obj) {
var colData = dataTable1.row(obj.parentNode.parentNode).data();
// $('#modalRowEdit').modal('show'); eventually call this method to display the modal
buildForm(colData);
}
新しいタグを追加しました。
<button class="btn btn-primary pull-right col-sm-1" id="newData">New</button>
// js
$("#newData").on('click', function() {
// $('#modalRowEdit').modal('show'); eventually call this method to show the modal
buildForm();
});
限定レベル、気がつかなかった タグがモーダルに直接バインドされるのは、属性 を手動で呼び出す必要はありません。 {コード 手動呼び出しでボタンが表示されるからいいんだよ。
概要
boostrapモーダルフラッシュ問題については、この記事を紹介し、より関連boostrapモーダルフラッシュコンテンツは、スクリプトホーム過去の記事を検索するか、次の関連記事を閲覧を続けてください、私はあなたが将来的にもっとスクリプトホームをサポートして願っています!。
関連
-
HTMLベースの10秒淘宝網のページを作るために
-
window.postMessage を用いた html5 のクロスドメインデータインタラクション
-
Html5+CSS3+EL表現問題まとめ
-
Html5ナビゲーションバー天井画の原理と対照的な実装
-
9ボックスグリッドの原則を用いたHTMLページレイアウト
-
高解像度画面でのキャンバスブラーの問題を記憶する
-
Webフォント読み込み方式最適化のまとめ
-
複数の画像を編集するためのキャンバス画像エディタの実装方法
-
画像リソースが同一ドメイン下にないために、キャンバスがクロスドメインで汚染される場合の解決策
-
モバイルhtml5で長押しイベントをシミュレートする方法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
フォントの調整のメニューの右上隅にWeChat内蔵のブラウザでHTML5は、ページが間違った問題を表示するために発生する
-
HTML5 ドラッグ&ドロップの具体的な使用方法について
-
HTML5で音声や動画を読み込むためのコード
-
キャンバステキストフィルリニアグラデーション使用詳細説明
-
h5ページ evokeアプリがインストールされていない場合、ダウンロードにジャンプします(iOS、Android)。
-
iframeのクロスドメインでよく使われるいくつかの方法
-
HTML5でWeb Notificationのデスクトップ通知を実装する方法
-
H5では、ダイナミックなグラフィックス機能を実現するために、キャンバスの最も強力なインタフェース
-
異なるiosデバイスでのh5ページの詳細 問題点まとめ
-
html2canvas.jsを使用してページのスクリーンショットを撮影し、表示またはアップロードするサンプルコード