La boîte de dialogue jquery ui remplace l'instance de confirmation Analysis_jquery

L'exemple de cet article décrit comment la boîte de dialogue jquery ui remplace la confirmation. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Certains navigateurs bloqueront directement la fonction de confirmation de js, rendant la fonction inutilisable. Il est recommandé d'utiliser la fonction de dialogue de jquery ui pour remplacer parfaitement la fonction de confirmation

1.code HTML

<div id="confirm_dialog" title="提示" style="display:none;">
</div>

Mettez le code ci-dessus dans un lieu public

2. Simuler confirmer le code js

var common = {
  confirm_act:function(dialog_id,msg,callback) {
    $("#"+dialog_id).html("<p class='message'>"+msg+"</p>");
    $("#"+dialog_id).dialog({
      resizable: false,
      modal: true,
      overlay: {
        backgroundColor: '#000',
        opacity: 0.5
      },
      buttons: {
        '确认': function() {
          callback.call();
          $(this).dialog('close');
        },
        '取消': function() {
          $(this).dialog('close');
        }
      }
     });
  }
}

Une méthode confirm_act est définie et placée dans un fichier js public. Le premier paramètre est l'ID de la couche élastique, le deuxième paramètre est le message d'invite et le troisième paramètre est la fonction de rappel.
Notez que lors de l'appel de la fonction de rappel, vous devez utiliser la fonction call() de js. Cette fonction de rappel peut prendre des paramètres ou inclure une fonction de rappel.

3.Code js de rappel

var recommend = {
  delete: function(url,obj)
  {
    $.ajax({
      url: url,
      type: "get",
      success:function(data)
      {
        ............省略..........
      }
    });
  }
}

4. Comment appeler

$('.recommended_delete').click(function(){
  var obj = this;  //重命名
  common.confirm_act('confirm_dialog',$(obj).attr('msg'),function(){recommend.delete($(obj).attr('url'),obj)});
});

Notez que si vous souhaitez passer ceci dans la fonction, veillez à redéfinir .

Les lecteurs intéressés par davantage de contenu lié à jQuery peuvent consulter le sujet spécial de ce site : "Résumé des plug-ins courants et de leur utilisation jQuery"

J'espère que cet article sera utile à tous ceux qui programment jQuery.