jQuery implémente la boîte de dialogue contextuelle du masque de bouton de clic (imitation de la boîte de dialogue de suppression de Tmall)_jquery

$(function(){

//Lier l'événement déclencheur du bouton de suppression
$("#button1").click(function (){

$(".mask").css("opacity","0.3").show();
showDialog();
$(".dialog"). show();
} );

/*
* Définit le HAUT et la gauche de la boîte de dialogue d'invite en fonction de la position de la page actuelle sur la barre de défilement
*/
function showDialog(){
var objw= $(window);//Fenêtre actuelle
var objc=$(".dialog");//Boîte de dialogue actuelle
var brsw=objw.width ();
var brsh=objw.height( );
var sclL=objw.scrollLeft();
var sclT=objw.scrollTop(); ;
var curh=objc.height();
//Calculer la marge gauche lorsque la boîte de dialogue est centrée
var left=sclL (brsw -curw)/2
var top=sclT; (brsh-curh)/2;

/ /Placer la boîte de dialogue au centre
objc.css({"left":left,"top":top}); }

//Déclenché lorsque la taille de la fenêtre de la page change Event
$(window).resize(function(){

if(!$(".dialog").is( ":visible")){
return;
}
showDialog();
});

//Enregistrer l'événement de clic de fermeture d'image
$(". title img").click(function(){

$(".dialog").hide();
$(".mask").hide();

});
//Annuler l'événement du bouton
$( "#noOk").click(function(){
$(".dialog").hide();
$(". masque").hide();
});

//OK bouton quitter
$("#ok").click(function(){

$( ".dialog").hide();
$(" .mask").hide();

if($("input:checked").length !=0){
//Notez qu'il ne peut pas y avoir d'espace au milieu du sélecteur de filtre $("input :checked") C'est faux

$(".divShow").remove();//Supprimer un certaine donnée
}

});


}); 🎜>Il convient de noter que l'agent principal est showDialog() pour la boîte de dialogue de confirmation dynamique Afficher l'emplacement.