如何从jQuery脚本（MVC）中调用部分视图中的按钮

Question

我正在编写几乎没有表格的应用程序。在主视图中，我有例如：

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

<div id="partial">

</div>

然后我从脚本中调用btn1：

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

并渲染局部视图：

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

然后调用第二个按钮：

部分视图：

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

脚本：

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

但这个动作什么都不做。我不知道为什么。你能帮助我吗？ 如何从脚本中调用按钮？ 我使用ASP.NET MVC但由于某些原因我不能使用RenderPartial方法。

Answer 1

使用像

这样的事件委托

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

基本上，无论何时加载#btn2，都应触发此事件，因为它是从文档委派的。这是对所有当前和未来 #btn2元素的说法，执行此点击处理程序