Question

我有一个页面，使用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" />

Answer 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" />

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

1 个答案: