How to add click event inside the click event in jquery?

Question

i'm trying to add on click event inside the jquery onclick event. I'm using the following code. But it is not working. i'm having online shopping site. I'm trying to add quick view of the product. Now the issue is ajax add-to-cart button is not working in jquery dialog. The problem is i could not pass the product id into add-to-cart button. The variable a is not working.How can i pass this into add-to-cart onclick function.

 $(function () {
    debugger;
    $("#dialog").dialog({

        modal:true,
        autoOpen: false,
        draggable:true,
        resizable: false,
        width: "auto"

    });

    $(".dialogify").bind("click", function(e) {
        e.preventDefault();
        var a=$(this).next().find('img').attr('buttons');
        $("#dialog").dialog('option', 'title', $(this).next().find('img').attr('title'));      
        $("#dialog").html("<img src='" + $(this).next().find('img').attr('src') + "' width='150' + height='150'>"+"<label>"+"<br/>"+ $(this).next().find('img').attr('price')+"<br/>"+"</label>"+"<label>"+$(this).next().find('img').attr('desc')+"</label>"+"<br />"+"<input type='button' value='@(Model.ProductPrice.AvailableForPreOrder ? T("ShoppingCart.PreOrder") : T("ShoppingCart.AddToCart"))' class='button-2 product-box-add-to-cart-button' onclick= (a)/>")
        $("#accordion").accordion();
        $("#dialog").dialog("option", "position", {

            modal:"true",
            my: "center",
            at: "center",
            title:"title",
            of: window

        });
        if ($("#dialog").dialog("isOpen") == false) {
            $("#dialog").dialog("open");

        }
    });
});

.cshtml

  <div class="buttons" id="but">
    @if (!Model.ProductPrice.DisableBuyButton)
        {
            <input type="button" value="@(Model.ProductPrice.AvailableForPreOrder ? T("ShoppingCart.PreOrder") : T("ShoppingCart.AddToCart"))" class="button-2 product-box-add-to-cart-button" onclick="AjaxCart.addproducttocart('@addtocartlink    ');return false;" />
        }
   </div>

Just a tip: Are you using an old version of jQuery (< 1.7)? If not, why don't you use .on() instead of .bind()? — emerson.marini
– emerson.marini, Commented Jan 8, 2014 at 10:37

Pete · Accepted Answer · 2014-01-08 11:00:46Z

1

I take it you are trying to bind a click event to the button in the following line:

$("#dialog").html("<img src='" + $(this).next().find('img').attr('src') + "' width='150' + height='150'>"+"<label>"+"<br/>"+ $(this).next().find('img').attr('price')+"<br/>"+"</label>"+"<label>"+$(this).next().find('img').attr('desc')+"</label>"+"<br />"+"<input type='button' value='@(Model.ProductPrice.AvailableForPreOrder ? T("ShoppingCart.PreOrder") : T("ShoppingCart.AddToCart"))' class='button-2 product-box-add-to-cart-button' onclick= (a)/>");

You can do this by after the line that inserts the button into the dom (ie anywhere below the above line):

$("#dialog").find('.product-box-add-to-cart-button').on('click', function() {});

answered Jan 8, 2014 at 11:00

Pete

58.8k31 gold badges132 silver badges188 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to add click event inside the click event in jquery?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related