Ссылка в сообщении jQnotice

Question

Как сделать ссылку, которая работает в следующем сценарии. Я использую его как всплывающее окно, при покупке товаров в магазине:

$(document).ready(function() {
    $('a.buy').click(function() {
        jQnotice('Message..! - here i want to ad a url ex. "link go to shop" ');
    });
});

Answer 1

HTML:

<a href="http://example.com" class="buy">Link</a>

JS:

$(document).ready(function() {
    $('a.buy').click(function() {
        jQnotice('Message..!<a href="' + $(this).attr('href') + '">Go to shop</a>');
        return false;
    });
});

Answer 2

В плагине JQnotice эта строка

$('<div></div>').attr('id', 'notice').css('left', (50-left)+'%').css('top', (0+top)+'px').appendTo('body').text(message);

должно быть так

$('<div></div>').attr('id', 'notice').css('left', (50-left)+'%').css('top', (0+top)+'px').appendTo('body').html(message);

Вот ссылка

http://jsbin.com/iwedah

Answer 3

Ссылка должна быть:

  <a class='buy'>click me</a>

Поскольку вы выбираете ссылки с классом = покупка.