Bootstrap模式用于编辑不打开。 ASP.Net MVC的

Question

我需要制作一个用于编辑播放器的模态，我制作了一个，但每当我点击“更改”按钮时，它都不会打开我的模态。我不知道我应该在哪里发送正确的ID这是我的jquery

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-->

按钮代码：

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

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