Inserire link nei bottoni del plugin

di il
2 risposte

Inserire link nei bottoni del plugin

Ciao a tutti, chiedo il vostro aiuto per inserire due link nei bottoni all'interno di un plugin popup di conferma.
Nel plugin ci sono due bottoni A e B vorrei che per entrambi ci fosse un collegamento href.
Spero possiate aiutarmi.

Posto il codice:

    $( "#demo2" ).on( "click", function() {
      $cw({


        title: '?',
        content: 'testo',
        theme: 'light',
        okay: {
        text: 'BOTTONE A',
        action: function() { console.log('Clicked okay button'); }
    },
    cancel: {
         text: 'BOTTONE B',
         action: function() { console.log('Clicked cancel button'); }
    }


    });
    });
if ( typeof jQuery === 'undefined' ) { throw new Error('jQuery is not loaded.'); }


(function($, window){


    $.confirm = function( opt ) {


        $('<div/>', { class: 'cw-wrapper ' + opt['theme'] || 'dark' })
            .css({ left: ($(window).width() - 460) / 2 + 'px' })
            .append($('<div/>', { class: 'cw-header', text: opt['title'] || '' }))
            .append($('<div/>', { class: 'cw-content', text: opt['content'] || '' }))
            .append($('<div/>', { class: 'cw-button blue', text: opt['okay']['text'] || 'Yes' }).click(function() {
                $('#cw-screencover').click(); (typeof opt['okay']['action'] === 'function' ? opt['okay']['action'] : function(){})(); }))
            .append($('<div/>', { class: 'cw-button', text: opt['cancel']['text'] || 'No' }).click(function() {
                $('#cw-screencover').click(); (typeof opt['cancel']['action'] === 'function' ? opt['cancel']['action'] : function(){})(); }))
            .animate({ top: '70px', opacity: '1.0' }, 900)
            .appendTo( $('body')
                .append($('<div/>', { id: 'cw-screencover' })
                .animate({ opacity: '1.0' }, 900)
                .click(function() {
                    $('.cw-wrapper').animate({ top: '-300px', opacity: '0.0' }, 900, function() { $(this).remove(); });
                    $(this).animate({ opacity: '0.0' }, 900, function() { $(this).remove(); });
                }))
            );
        
    }


    window.$cw = $.confirm;


})(jQuery, window);

2 Risposte

Devi accedere o registrarti per scrivere nel forum
2 risposte