Jquery, Holen Sie die url aus und klicken Sie auf übergeben, um zu bestätigen, Schaltfläche im dialog

Habe ich das jquery-code:

$("#deletec-box").dialog({
     autoOpen: false,
     resizable: false,
     height:230,
     modal: true,
     buttons: {
      "Confirm": function() {
          window.location = 'hrefurlfromclick';
          $(this).dialog("close");
      },
      Cancel: function() {
          $(this).dialog("close");
      }
     }
    });

    $("#deletec-confirm").click(function() {
        $("#deletec-box").dialog("open");
        return false;
    });

Dann in der Seite habe ich ein link, ruft den dialog:

<a href="?action=delc&cid=2" id="deletec-confirm">Delete</a>

Meine Frage ist, wie bekomme ich den Wert des "href" - also, wenn die person nicht bestätigen, lädt es den link, den Sie ursprünglich geklickt?

InformationsquelleAutor John | 2011-07-04
  1. 4

    Können Sie das href-Attribut mit: $('#deletec-confirm').attr('href');

    Deinen code jetzt sieht so aus:

    $("#deletec-box").dialog({
    autoOpen: false,
    resizable: false,
    height:230,
    modal: true,
    buttons: {
        "Confirm": function() {
            window.location = $('#deletec-confirm').attr('href');
            $(this).dialog("close");
        },
        Cancel: function() {
            $(this).dialog("close");
        }
    }
});

$("#deletec-confirm").click(function() {
    $("#deletec-box").dialog("open");
    return false;
});
    InformationsquelleAutor Anthony Simmon
  2. 0

    Haben Sie verwenden, um die jQuery UI-dialog? Sie könnte stattdessen verwenden Sie die bestätigen-box, wie diese:

    $("#deletec-confirm").click(function(event) {

    if(!confirm("Are you sure you want to delete this item?")) {
        event.preventDefault();
    }

});

    Diese Weise, wenn Sie die Abbrechen-Taste ist die links schlagen ursprünglichen Klage verhindert wird, da sonst die links frei ist um ihn auszuführen ursprünglichen Aktion.

    Hier ist ein schnelles Beispiel.

    InformationsquelleAutor Ben Everard
  3. 0

    Bekommen es mit attr

    var url = $('#deletec-confirm').attr('href');
$("#deletec-box").dialog({
 autoOpen: false,
 resizable: false,
 height:230,
 modal: true,
 buttons: {
  "Confirm": function() {
      window.location = url;
      $(this).dialog("close");
  },
  Cancel: function() {
      $(this).dialog("close");
  }
 }
});
    InformationsquelleAutor ramono
Schreibe einen Kommentar