How to call button in Partial View from jQuery script (MVC)

Question

I'm writing application who has few forms. In main view I have for example:

<h2>Index</h2>
<button id="bt1">Click from main view</button>

<div id="partial">

</div>

and then i call btn1 from script:

$("#bt1").click(function () {
        alert("btn1click");
    });

and also render the partial view:

$("#partial").load("/Home/Home");

and then call the second button:

Partial view:

<h4>Partial view</h4>
<button id="btn2">Click from partial view</button>

Script:

 $("#btn2").click(function () {
        alert("btn2click");
    });

but this action do nothing. I have no idea why. Can you help me? How can I call the button from script? I'm using ASP.NET MVC but for some reasons I can't use RenderPartial method.

AmmarCSE · Accepted Answer · 2015-05-26 08:42:29Z

2

Use event delegation like

$(document).on('click', '#btn2', function () {
        alert("btn2click");
    });

Basically, regardless of when #btn2 is loaded, this event should fire because it was delegated from the document. This is saying for all current and future #btn2 elements, execute this click handler

answered May 26, 2015 at 8:42

AmmarCSE

30.7k6 gold badges48 silver badges53 bronze badges

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

Collectives™ on Stack Overflow

How to call button in Partial View from jQuery script (MVC)

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