Question

我需要制作一个用于编辑玩家的模式，然后我创建了一个模式，但是每当我单击“更改”按钮时，它都不会打开我的模式。我不知道我应该在哪里发送正确的ID 这是我的jQuery

EntityManager#detach

确切地说，当我单击“更改”时，它确实输入了第一个功能，但没有打开模式。我真的需要帮助。如果您需要更多信息，请写下，然后我会发布。

模式代码：

var data= 0;
$('.btnEdit').click(function () {
    $('#myModalEdit').modal("show");

});

$('#myModalEdit').on('show.bs.modal', function (event) {
    var button = $(event.relatedTarget);
    data= button.data("playerId");

});

按钮代码：

 <!--Modal-->
        <div id="myModalEdit" class="modal fade" role="dialog">
            <div class="modal-dialog">

                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">Ucinak igraca</h4>
                    </div>
                   @Html.HiddenFor(Model => item.IgracId)
                    <div class="col-md-6">
                        @Html.LabelFor(Model => item.ImeIPrezime)<br />
                        @Html.LabelFor(Model => item.OdigraneMinute)<br />
                        @Html.LabelFor(Model => item.PostignutiGolovi)<br />
                        @Html.LabelFor(Model => item.ZutiKarton)<br />
                        @Html.LabelFor(Model => item.CrveniKarton)
                    </div>
                    <div class="col-md-6" style="margin-bottom:5px;">
                        @Html.DisplayFor(Model => item.ImeIPrezime)<br />

                        @Html.EditorFor(Model => item.OdigraneMinute)<br />

                        @Html.EditorFor(Model => item.PostignutiGolovi)<br />

                        @Html.EditorFor(Model => item.ZutiKarton)<br />

                        @Html.EditorFor(Model => item.CrveniKarton)
                    </div>

                    <div class="modal-body" id="modal-body">
                        <div id="greska"></div>
                    </div>
                    <div style="align-content:center">
                        <br />
                        <button type="button" class="btn btn-primary" data-dismiss="modal" id="sacuvaj">Sacuvaj</button>
                        <button type="button" class="btn btn-primar" data-dismiss="modal" id="odustani">Odustani</button>
                    </div>
                </div>
            </div>
        </div>
        <!--Modal-->

Answer 1

可以将“ btnEdit”类添加到您的Button中吗像这样

class="btn btn-primary btnEdit"

您的按钮缺少btnEdit类，因此相关的点击事件未得到执行替换

<button type="button" class="btn btn-primary" data-igracId="@item.playerId" id="Edit" data-target="#myModalEdit" data-toggle="modal">Izmjeni</button>

使用

<button type="button" class="btn btn-primary btnEdit" data-igracId="@item.playerId" id="Edit" data-target="#myModalEdit" data-toggle="modal">Izmjeni</button>

并确保脚本完成了exexutes html渲染

有时动态HTML呈现的事件未映射

if its case ADD  onclick="$('#myModalEdit').modal('show');"  to you BUTTON

引导模态无法打开编辑。 ASP.Net-MVC

1 个答案: