Question

嘿所有我想为这个Apprise V2 JS代码添加第二个按钮。但是，对于任何一个点击事件，我似乎无法获得正确的点击事件。

添加代码的按钮部分：

// Add buttons
$.each(settings.buttons, function(i, button) {

    if(button) {            
        button.id = "Accept";
        button.text = "Accept";

        var $_button = $('<button id="apprise-btn-' + button.id + '">').append(button.text);

        button.className = "green";
        $_button.addClass(button.className);
        $_buttons.append($_button);         
        $_button.on("click", function() {
            var response = {
                clicked: button,
            };

            button.action(response);
        });

        // Deny button
        button.id = "Deny";
        button.text = "Deny";

        var $_button = $('<button id="apprise-btn-' + button.id + '">').append(button.text);

        button.className = "red";
        $_button.addClass(button.className);
        $_buttons.append($_button);
        $_button.on("click", function() {
            var response = {
                clicked: button,
            };

            button.action(response);
        });
    }
});

这是启动框的代码的一部分：

$(function() {  
    $('#custom-tryit').on("click", function() {     
        var $response = $('custom-response');       
        var options = { 
            buttons: { 
                confirm: {
                    text: 'Accept', 
                    className: 'blue', 
                    action: function(e) { 
                    console.log(this.id);

                        if (this.id == 'Deny') {
                            //Goto home page
                            console.log('home page');
                        } else {
                            //carry on
                            console.log('carry on');
                        }

                        Apprise('close'); 
                    }
                },
            },
            input: false
        };  

        Apprise('This is just a test here', options);
    });
});

原始代码似乎没有超过1个按钮的选项...输出似乎输出两个值而不是单击的内容（console.log（this.id）;）：< / p>

Deny
home page

任何帮助都会很棒！

JSFIDDLE

Answer 1

我修改了响应：

$_button.on("click", function() {
            var response = {
                clicked: button,
            };

到

$_button.on("click", function() {
            var response = {
                clicked: "Accept",
            };

并为拒绝按钮做了同样的事情。

然后在

的点击事件中

$('#custom-tryit')

我用过

if ( e.clicked == 'Deny') {

而不是this.id，似乎工作正常。看看：

http://jsfiddle.net/b2YZH/

Jquery apprise v2 2按钮

1 个答案: