Der Aufforderungseffekt ist wie in der Abbildung dargestellt: (Das Löschaufforderungsfeld wird immer in der Mitte angezeigt)
Prompteffekt beim Löschen von Datensätzen
$(function () {
$("#Button1").click(function () { //Klickereignis zum Löschen der Schaltfläche registrieren
$(".mask" ).show(); //Hintergrundfarbe anzeigen
showDialog(); //Oben und links im Eingabeaufforderungsdialogfeld festlegen
$(".dialog").show(); Dialogbox
});
/*Legen Sie entsprechend der aktuellen Seite und der Position der Bildlaufleiste den oberen und linken Rand des Eingabeaufforderungsdialogfelds fest*/
Funktion showDialog() {
var objW = $ (Fenster); //Aktuelles Fenster
var objC = $(". dialog"); //Dialog
var brsW = objW.width();
var brsH = objW.height(); 🎜>var sclL = objW.scrollLeft();
var cruW = objC.width();
var cruH = objC.height(); var left = sclL (brsW - cruW) / 2; //Berechnung des linken Randes des Dialogfelds, wenn es zentriert ist
var top = sclT (brsH - cruH) / 2; //Berechnung des oberen Randes, wenn das Dialogfeld zentriert ist
objC.css({ "left": left, "top": top }) ; //Legen Sie die Position des Dialogfelds auf der Seite fest
}
$(window).resize(function () { / /Ereignis zur Änderung der Seitenfenstergröße
if (!$(".dialog"). is(":visible")) {
return; und links vom Eingabeaufforderungsdialogfeld
});
$(".title img ").click(function () { //Registrieren, um das Bildklickereignis zu schließen
$(".dialog") .hide();
$(".mask").hide();
$("#Button3").click(function () { //Registrieren Sie den Klick auf die Schaltfläche „Abbrechen“. event
$(".dialog").hide();
$(".mask" ).hide();
$("#Button2").click( function () { //OK-Button-Klick-Ereignis registrieren
$(".dialog").hide() ;
$(".mask").hide();
if ($("input :checked").length != 0) { //Wenn gelöschte Zeile ausgewählt ist
$(". divShow").remove(); //Eine Datenzeile löschen
}
});
});
< ;body> "checkbox" id="Checkbox" />
Dies ist ein Datensatz, der gelöscht werden kann ="button" id="Button1" class="btn" value="Delete"/>< ;input type="button" value="Compare" /> 🎜> ;
Eingabeaufforderung beim Löschen von
< ;span>Möchten Sie diesen Datensatz wirklich löschen?