Der JQuery-UI-Dialog ersetzt die Bestätigungsinstanz „analysis_jquery“.

Das Beispiel in diesem Artikel beschreibt, wie der JQuery-UI-Dialog die Bestätigung ersetzt. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Einige Browser blockieren direkt die Bestätigungsfunktion von js, wodurch die Funktion unbrauchbar wird. Es wird empfohlen, die Dialogfunktion von jquery ui zu verwenden, um die Bestätigungsfunktion perfekt zu ersetzen.

1. HTML-Code

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

Platzieren Sie den obigen Code an einem öffentlichen Ort

2. Simulieren Sie den Bestätigungs-JS-Code

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');
        }
      }
     });
  }
}

Eine Methode „confirm_act“ wird definiert und in einer öffentlichen JS-Datei abgelegt. Der erste Parameter ist die ID der elastischen Schicht, der zweite Parameter ist die Eingabeaufforderungsnachricht und der dritte Parameter ist die Rückruffunktion.
Beachten Sie, dass Sie beim Aufrufen der Rückruffunktion die Funktion call() von js verwenden müssen. Diese Rückruffunktion kann Parameter annehmen oder eine Rückruffunktion enthalten.

3. Rückruf-JS-Code

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

4. So rufen Sie an

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

Beachten Sie, dass Sie unbedingt neu definieren müssen, wenn Sie dies in der Funktion übergeben möchten.

Leser, die an weiteren jQuery-bezogenen Inhalten interessiert sind, können sich das Spezialthema dieser Website ansehen: „Zusammenfassung der allgemeinen jQuery-Plug-ins und deren Verwendung“

Ich hoffe, dass dieser Artikel allen in der jQuery-Programmierung hilfreich sein wird.