ホームページ > ウェブフロントエンド > jsチュートリアル > jquery がデータ records_jquery を削除するときのポップアップ プロンプトの効果

jquery がデータ records_jquery を削除するときのポップアップ プロンプトの効果

WBOY
リリース: 2016-05-16 16:49:41
オリジナル
2086 人が閲覧しました

プロンプトの効果は図に示すとおりです。 (削除プロンプト ボックスは常に中央に表示されます)
jquery がデータ records_jquery を削除するときのポップアップ プロンプトの効果

コードをコピー コードは次のとおりです。




レコード削除時のプロンプト効果




$(function () {
$("#Button1").click(function () { //削除ボタンのクリックイベントを登録
$(".mask" ).show(); // 背景色を表示します
showDialog(); // プロンプトダイアログボックスの上部と左側を設定します
$(".dialog").show();ダイアログ ボックス
});
/*現在のページとスクロール バーの位置に従って、プロンプト ダイアログ ボックスの上と左を設定します*/
function showDialog() {
var objW = $ (ウィンドウ); //現在のウィンドウ
var objC = $(".dialog"); //ダイアログ
var brsW = objW.height(); 🎜>var sclL = objW.scrollLeft();
var sclT = objC.width();
var cruH = objC.height(); var left = sclL (brsW - cruW) / 2; //ダイアログ ボックスが中央に配置された場合の左マージンを計算します
var top = sclT (brsH - cruH) / 2; //ダイアログ ボックスが中央に配置された場合に上マージンを計算します
objC.css({ "left": left, "top": top }) ; //ページ上のダイアログボックスの位置を設定します
}
$(window).resize(function () { / /ページウィンドウサイズ変更イベント
if (!$(".dialog").is(":visible")) {
return;
}
showDialog();プロンプトダイアログボックスの左側
});
$(".title img ").click(function () { //画像クリックイベントを閉じるために登録します
$(".dialog") .hide();
$(".mask").hide();
$("#Button3").click(function () { //キャンセルボタンのクリックを登録しますイベント
$(".dialog").hide();
$(".mask" ).hide();
$("#Button2").click( function () { //OK ボタンクリックイベント
$(".mask").hide() ;
if ($("input :checked").length != 0) { //削除された行が選択されている場合
$(". divShow").remove(); //データ行を削除
}
});
});

"checkbox" id="Checkbox" />
これは削除できるレコードです
="button" id="Button1" class="btn" value="削除"/>
< ;input type="button" value="比較" /> 🎜>


;
jquery がデータ records_jquery を削除するときのポップアップ プロンプトの効果



< ;span>このレコードを削除してもよろしいですか?

gt;




ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート