Triger Ajax 来自弹出按钮的 ActionLink

Question

我有一个 btn，当它与其他三个 btn 一起单击它的打开弹出窗口时。 其中之一应该会触发 Ajax。 我正在使用 data-html="true" 以便在弹出框内设置 btn。 我在弹出窗口中添加了一个 onclick 到 delete btn，但是当 运行 页面不会出现在标签中时，与 href="javascript:function()".

相同

知道如何从弹出框内的 btn 调用 Js 函数吗？ Html:

<a href="#" class="secondary" role="button" id="mealbtn" data-toggle="popover" data-placement="top" data-content='<div class="btn-group btn-group-sm" style="padding:0px;"><a href="/Meal/Recipe?conid=@item.id&recipeid=@Model.recipesCon.Where(c => c.mealId == item.mealId).First().RecipeId" class="btn btn-info btn-sm"><span class="glyphicon glyphicon-info-sign"></span></a><a href="/Meal/DinnerMeal/@item.id" class="btn btn-warning btn-sm"><span class="glyphicon glyphicon-pencil"></span></a><a class="btn btn-danger" id="delete-meal-btn" href="#@item.id"><span class="glyphicon glyphicon-trash"></span></a></div>' data-html="true" title="@Model.recipesCon.Where(c => c.mealId == item.mealId).First().Recipe.name" ><span class="glyphicon glyphicon-apple"></span></a>

Js尝试：

$('#delete-meal-btn').click(function () {
        alert('btn clicked');   });

Answer 1

正如@Emiel Zuurbier 为我建议的那样：

$(document).on('click', '#delete-meal-btn', function() { });