JQuery легко подтвердить диалог - PullRequest
Новая
       16

JQuery легко подтвердить диалог

2 голосов
/ 25 апреля 2011

Кто-нибудь знает, как заставить диалоговое окно подтверждения появляться, когда я нажимаю на переключатели.
Скачал код с http://projectshadowlight.org/jquery-easy-confirm-dialog/., просто немного сбит с толку, чтобы настроить его.

Приведенный ниже код вызовет диалог подтверждения, прежде чем нажать кнопку-переключатель! если я использую диалог Windows по умолчанию, он работает нормально (радио нажимается, затем всплывает)? любое решение, пожалуйста! 

**HTML:**
    <input class="8" id="block_t" name="t_products" onclick="goingnow(this)" type="radio" value="Block x10 (3mins)" rel="3">Block x10 (3mins)
    <input class="9" id="block_t" name="t_products" onclick="goingnow(this)" type="radio" value="Block x10 (3mins)" rel="4">Block x10 (6mins)


**javaScript function:**
function goingnow(_this){
if ($("#going_now").attr("value") == 1) {
    $("#going_now").attr("value", 0);
} else {
    if ($(_this).is(":checked") == true) {

    var conf = $(_this).is(":checked").easyconfirm({locale: { title: 'Select Yes or No', button: ['No','Yes']}});
    if (conf){
        $("#going_now").attr("value",1);
        $("#block_mins").attr("value", $(_this).attr("rel"));
    } else {
        $("#block_mins").attr("value", $(_this).attr("rel"));
    }
}
}   
}

Ответы [ 2 ]

3 голосов
/ 25 апреля 2011

Вы можете использовать диалоговое окно jQuery Ui, чтобы установить подтверждение при нажатии радио.Вам не нужно использовать плагин для этого.

var x = "Are you sure you want to take this action";
$('#test').click(function() {
    $('<div>' + x + '</div>').dialog({
        resizable: false,
        buttons: {
            "Yes": function() {
                alert('action taken') // do something here
                $(this).dialog("close");
            },
            Cancel: function() {
                $(this).dialog("close"); //close confirmation
            }
        }
    });
});

Проверьте рабочий пример на http://jsfiddle.net/jZ52e/2/

0 голосов
/ 29 марта 2015

Я сделал плагин, который соответствует вашим потребностям. и даже больше.
Я видел разработчиков, сталкивающихся с проблемами, и этот плагин решил все проблемы,
Поддерживает: загрузку Ajax-контента, динамическое центрирование экрана при изменении контента, автоматическое закрытие диалогов (запускается по таймеру), Powerpacked со многими функциями.
и его легко использовать! 

 $.alert({
     title: 'Its easy to use',
     content: 'This is the content', // your content !
     content: 'url:form.html', // URL: prefix Loads content from the url (alternatively)
     confirm: function(){
         alert('The user clicked OK');
     }
     cancel: function(){
         alert('The user clicked cancel');
     }
 });

Рабочий пример и полный список функций http://craftpip.github.io/jquery-confirm/

...