Question

I have a problem with getting this pop-up jquery: http://www.htmldrive.net/items/show/431/jQueryNotice-animated-notification-tooltip script to work in a shop which is coded in asp.net. When a product is added to the basket, I would like to have a pop up that allows you to go to the checkout by click – go to basket. Below you se the script, now I can click to go to the basket, where the product is added, but If I do not click, the product will not show in the basket – as it should … – I have been told that it is a ‘post back’ problem … does anyone have an idea how I solve the problem.? – I have previously asked about this problem – see also: Link in the message of jQnotice – i hope somone can/will help ;0)

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

html btn:

<span class="buy"><a href="/order/cart/add/productnr.." id="buy" class="buy">Add to basket</a></span>

If there are some who have another simple solution for this problem, please tell

Answer 1

Use this:

$(function () {
        $("a.buy").click(function () {
            $.get($(this).attr("href"),
            function (data) {
                var newBasket = $("#basket", data);
                $("#basket").html(newBasket.html());
            });
            jQnotice('Message..!<a href="' + $(this).attr('href') + '">Go to shop</a>');
            return false;
        });
    });

I make few assumptions here: the first one is that ajax call will return html with updated basket markup an that basket element has id ‘basket’.
Once again, be warned that if user will click link in popup message the same action will be executed once again so maybe better to change “Go to shop” link’s href from add new product action to just navigating to basket review page.