使用从 jquery-ui 选项卡接收的部分视图中的 jquery答案

【问题标题】：Using jquery from partial view received from jquery-ui tabs使用从 jquery-ui 选项卡接收的部分视图中的 jquery
【发布时间】：2015-02-26 18:21:10
【问题描述】：

我有一个使用 jquery-ui 在其上有标签的页面。选项卡是通过 ajax 加载的。

@foreach (var data in Model)
{
            <li role="presentation">
                <a role="tab" data-toggle="tab" href='@Url.Action("Detail", "Changes", new { grouping = data.Grouping })'>@data.Name<br /> (@data.Type)</a>
            </li>
}

在加载的局部视图中，我有一些按钮需要能够捕获点击事件，但它们没有被调用。

局部视图

@section Scripts{
    <script>
        $(function () {
            $("#btnKeepCurrent").click(function () {
                alert("Keep Current");

                return false;
            });

            $("#btnAcceptNew").click(function () {
                alert("Accept New");

                return false;
            });
        });
    </script>
}

<input class="btn btn-primary" type="button" value="Keep Current" name="btnKeepCurrent" id="btnKeepCurrent" />

<input class="btn btn-primary" type="button" value="Accept New" name="btnAcceptNew" id="btnAcceptNew" />

【问题讨论】：

实际上在 $(function(){}); 内的局部视图中没有调用任何内容

标签： jquery html asp.net-mvc jquery-ui

【解决方案1】：

在这些输入上设置 onlick 属性，因为就像你现在正在做的那样：

 $(function () {
 //set on click here
}

此函数在文档准备就绪时调用，但由于选项卡正在使用 ajax 加载此函数，因此永远不会调用此函数。

所以不要这样：

<input class="btn btn-primary" type="button" value="Keep Current" name="btnKeepCurrent" id="btnKeepCurrent" />

试试这个：

<input class="btn btn-primary" onclick="alert('put your function call insead of this alert')" type="button" value="Keep Current" name="btnKeepCurrent" id="btnKeepCurrent" />

【讨论】：