基本的に、オーバーレイを作成し、これを「読み込み画面」として appendTo に読み込みます。
最近、オーバーレイに停止ボタンを追加する必要がありましたが、これは問題ではありませんでしたが、jquery .click 関数がボタンのクリックを検出していません。既存のボタンを保持しようとしたため、登録される可能性がありますが、残念ながらそうではありません。
(ボタンにも Id を使用してみました。
以下は、問題を実証するためのテスト コードです。
$(document).ready(function(){
$("#addButton").click( function () {
$overlay = $("<div id='overlay'><div id='contain'><h3 style='color:#FFF'>Processing, just a moment</h3> <div id='stop'><button type='button' class='btn btn-primary' id='stop1' >Stop</button></div><div class='bar' style='width: 80%; padding-top:50%'></div></div></div");
$overlay.appendTo(document.body);
$("#stop").click( function() {
alert("working");
});
});
編集:
明確にするために、これは私が最初に望んでいたことですが、「過度の変更」により、上記の例は私のシナリオで機能します。これは、明確にするために元の問題です。
$(document).ready(function(){
$("#addButton").click( function () {
$overlay = $("<div id='overlay'><div id='contain'><h3 style='color:#FFF'>Processing, just a moment</h3> <div id='stop'><button type='button' class='btn btn-primary' id='stop1' >Stop</button></div><div class='bar' style='width: 80%; padding-top:50%'></div></div></div");
$overlay.appendTo(document.body);
});
$("#stop").click( function() {
alert("working");
});
});