Bootstrap модал для редактирования не открывается.ASP.Net MVC-

Question

Мне нужно сделать модал для редактирования плеера, и я его создал, но всякий раз, когда я нажимаю кнопку «Изменить», он не открывает мой модал.Я не знаю, куда я должен отправить правильный идентификатор, это мой 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" к вашей кнопке следующим образом

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