如何從jQuery腳本（MVC）調用Partial View中的按鈕

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 ，對於所有當前和將來的 #btn2元素，請執行此點擊處理程序