jQuery技术:确认删除模式/对话框在部分视图中使用时不起作用

案例1 ：当点击Delete 1按钮时，会弹出Bootstrap的modal dialog，当您单击该弹出窗口的Delete按钮时，如下所示， jquery代码正确地在Chrome浏览器的控制台窗口中写入Test: id1 。

情况2 ：但是当您使用局部视图渲染相同的html时， jquery代码（如下面的case 2所示）不会向Chrome浏览器的控制台窗口写入任何内容。 我认为它可能与Case 2的主视图中的id = DeleteBtnParentID有关。

注意 ：两种情况下jqueries之间的jqueries在于，在Case 2我使用事件委派，而在Case 1我没有必要。

查看 （所有本身没有局部视图）

 Delete1 Delete2 Delete3  
 
  
 
 × 
Delete Warning
 
 
 
Are you sure?
 
 
 Delete Cancel 
 
 
 
 @section Scripts{  $(document).ready(function () { $('#DeleteBtnID').on('click', function (event) { console.log('Test: ' + $(this).attr('value')); }); $('#myModal').on('show.bs.modal', function (e) { var btnValue = $(e.relatedTarget).attr('value'); $('#DeleteBtnID').attr('value', btnValue); }) });  } 

主要观点 ：

 
 @Html.Partial("TestPartial")  

部分视图 [TestPartial.cshtml]：

 Delete1 Delete2 Delete3  
 
  
 
 × 
Delete Warning
 
 
 
Are you sure?
 
 
 Delete Cancel 
 
 
 
 @section Scripts{  $(document).ready(function () { $('#DeleteBtnParentID').on('click', '#DeleteBtnID', function (event) { console.log('Test: ' + $(this).attr('value')); }); $('#myModal').on('show.bs.modal', function (e) { var btnValue = $(e.relatedTarget).attr('value'); $('#DeleteBtnID').attr('value', btnValue); }) });  } 

 @section Scripts{  } 

以上就是jQuery教程分享确认删除模式/对话框在部分视图中使用时不起作用相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。