Evet veya Hayır jQuery kullanarak onay kutusu

Tamam yerine jQuery kullanarak evet / Hayır uyarıları istiyorum / İptal düğmesi:

jQuery.alerts.okButton = 'Yes';
jQuery.alerts.cancelButton = 'No';                  
jConfirm('Are you sure??',  '', function(r) {
    if (r == true) {                    
        //Ok button pressed...
    }  
}

Başka alternatif var mı?

Uyarı yöntemi, kullanıcı kapatana kadar yürütmeyi engeller:

onayla işlevini kullanın:

if (confirm('Some message')) {
    alert('Thanks for confirming');
} else {
    alert('Why did you press cancel? You should have confirmed');
}

Bu kodları kullandım:

HTML:

<a id="delete-button">Delete</a>

jQuery:

<script>
$("#delete-button").click(function(){
    if(confirm("Are you sure you want to delete this?")){
        $("#delete-button").attr("href", "query.php?ACTION=delete&ID='1'");
    }
    else{
        return false;
    }
});
</script>

Bu kodlar benim için çalışıyor, ancak bunun doğru olup olmadığından emin değilim. Ne düşünüyorsun?

Şu jQuery eklentisine bir göz atın: jquery.confirm .

<a href="home" class="confirm">Go to home</a>

ve sonra:

$(".confirm").confirm();

Bu, bağlantıyı izlemeye devam etmeden önce bir onay penceresi gösterecektir.

Burada bir demo var: http://myclabs.github.com/jquery.confirm/

Gördüğüm tüm örnekler farklı "evet / hayır" türü sorular için tekrar kullanılamaz. Herhangi bir durum için arayabilmem için bir geri aramayı belirlememe izin verecek bir şey arıyordum.

Aşağıdakiler benim için iyi çalışıyor:

$.extend({ confirm: function (title, message, yesText, yesCallback) {
    $("<div></div>").dialog( {
        buttons: [{
            text: yesText,
            click: function() {
                yesCallback();
                $( this ).remove();
            }
        },
        {
            text: "Cancel",
            click: function() {
                $( this ).remove();
            }
        }
        ],
        close: function (event, ui) { $(this).remove(); },
        resizable: false,
        title: title,
        modal: true
    }).text(message).parent().addClass("alert");
}
});

Sonra ona şöyle diyorum:

var deleteOk = function() {
    uploadFile.del(fileid, function() {alert("Deleted")})
};

$.confirm(
    "CONFIRM", //title
    "Delete " + filename + "?", //message
    "Delete", //button text
    deleteOk //"yes" callback
);

Yanıtı iletişim kutusundan geri almakta sorun yaşadım, ancak sonunda bu diğer soru ekranından gelen yanıtı tamam ve onaylamak yerine evet ve hayır düğmelerini birleştirerek bir çözüm buldum. mod onayı iletişim kutusundaki kodun bir kısmını içeren kutu

Diğer soru için önerilen budur:

Kendi onay kutunuzu oluşturun:

<div id="confirmBox">
    <div class="message"></div>
    <span class="yes">Yes</span>
    <span class="no">No</span>
</div>

Kendi confirm()yönteminizi oluşturun :

function doConfirm(msg, yesFn, noFn)
{
    var confirmBox = $("#confirmBox");
    confirmBox.find(".message").text(msg);
    confirmBox.find(".yes,.no").unbind().click(function()
    {
        confirmBox.hide();
    });
    confirmBox.find(".yes").click(yesFn);
    confirmBox.find(".no").click(noFn);
    confirmBox.show();
}

Kodunuzla arayın:

doConfirm("Are you sure?", function yes()
{
    form.submit();
}, function no()
{
    // do nothing
});

DEĞİŞİKLİKLERİM Yukarıdakileri değiştirdim, böylece aramak yerine böyle confirmBox.show() kullandımconfirmBox.dialog({...})

confirmBox.dialog
    ({
      autoOpen: true,
      modal: true,
      buttons:
        {
          'Yes': function () {
            $(this).dialog('close');
            $(this).find(".yes").click();
          },
          'No': function () {
            $(this).dialog('close');
            $(this).find(".no").click();
          }
        }
    });

Yaptığım diğer değişiklik, ThulasiRam'ın cevabında yaptığı gibi doConfirm işlevi içinde onay kutusu div'i oluşturmaktı.

Tamam ve İptal düğmelerine bir çeviri uygulamam gerekiyordu. Kodu dinamik metin dışında olacak şekilde değiştirdim (çeviri işlevimi çağırır)

$.extend({
    confirm: function(message, title, okAction) {
        $("<div></div>").dialog({
            // Remove the closing 'X' from the dialog
            open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); },
            width: 500,
            buttons: [{
                text: localizationInstance.translate("Ok"),
                click: function () {
                    $(this).dialog("close");
                    okAction();
                }
            },
                {
                text: localizationInstance.translate("Cancel"),
                click: function() {
                    $(this).dialog("close");
                }
            }],
            close: function(event, ui) { $(this).remove(); },
            resizable: false,
            title: title,
            modal: true
        }).text(message);
    }
});

Bunu Deneyin ... Çok basit bir şekilde YES | NO ile uyarı için onayla iletişim kutusunu kullanın.

if (onayla ("Yükseltmek istiyor musunuz?")) {Kodunuz}

Onayınızı yeniden kullanabilirsiniz:

    function doConfirm(body, $_nombrefuncion)
    {   var param = undefined;
        var $confirm = $("<div id='confirm' class='hide'></div>").dialog({
            autoOpen: false,
            buttons: {
                Yes: function() {
                param = true;
                $_nombrefuncion(param);
                $(this).dialog('close');
            },
                No: function() {
                param = false;
                $_nombrefuncion(param);
                $(this).dialog('close');
            }
                                    }
        });
        $confirm.html("<h3>"+body+"<h3>");
        $confirm.dialog('open');                                     
    };

// for this form just u must change or create a new function for to reuse the confirm
    function resultadoconfirmresetVTyBFD(param){
        $fecha = $("#asigfecha").val();
        if(param ==true){
              // DO THE CONFIRM
        }
    }

//Now just u must call the function doConfirm
    doConfirm('body message',resultadoconfirmresetVTyBFD);