1. ホーム
  2. Web制作
  3. html5

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モーダルフラッシュコンテンツは、スクリプトホーム過去の記事を検索するか、次の関連記事を閲覧を続けてください、私はあなたが将来的にもっとスクリプトホームをサポートして願っています!。