У всплывающего модального окна нет значения при нажатии кнопки ввода триггера - PullRequest
Новая
       20

У всплывающего модального окна нет значения при нажатии кнопки ввода триггера

0 голосов
/ 29 апреля 2019

У меня есть сценарий:

Вот мой HTML-код: 

 <input type="submit" id="btnpin" data-url="@Url.Action("PIn", "PIO")" value="P In" class="btn pin-btn" data-toggle="modal" data-target="#popup-article"/>

  <div id="popup-article" class="popup">
                                <div class="popup__block">
                                    <div style="overflow: auto">
                                        <div class="top-left-logo">
                                            <img src="~/Images/my-logo.png" width="270" height="99">
                                        </div>

                                            <div class="modal-top-right animated bounce delay-3s">

                                            </div>                    
                                    </div>
                                    <div class='grid'>
                                        <div class='col modal-left-panel '>
                                            @{
                                                foreach (var m in DTR.Models.DataDetails.lstDetails)
                                                {
                                                    <div class="modal-left-text-container-top">
                                                        <div class="modal-employee-name animated bounceInLeft fast delay-2s" >@m.Name</div>

                                                        <div class="modal-employee-info">@m.Pos</div>
                                                        <div class="modal-employee-info">@m.Dep</div>
                                                    </div>
                                                    <div class="modal-left-text-container-mid">
                                                        <div class="modal-show-punch">
                                                            <div class="modal-show-punch-text">@m.PIO</div>
                                                            <div class="modal-show-punch-time">@m.IO</div>
                                                            <div class="modal-show-punch-date">@m.DateIO</div>
                                                        </div>
                                                    </div>

                                                }

                                            }

                                        </div>
                                        <div class='col modal-right-panel'>

                                        }

                                        </div>
                                    </div>

                                </div>
                            </div>

А вот мой код JS: 

$(document).ready(function () {
    $('#btnpin').click(function () {
        var url = $(this).data('url');
        var punchIn = 'PunchIn';
        $.ajax({
            async: false,
            type: "post",
            contentType: "application/json; charset=utf-8",
            data: "{'punchIn':'" + punchIn.toString() + "'}",
            url: url,

            success: function (response) {
                //$(document).ajaxStop(function () {
                //    punchIn = null;
                //});

            if (response !== null && response.success) {
                window.location.href = "#popup-article";
                location.reload();
            }
            else {
                alert("Already P In.");
            }
        },
        error: function (response){
            alert("Error Message");
        },

    });
});
});

Этот код работает нормально, но моя проблема в том, что мне нужно использовать location.reload(); при нажатии на кнопку btnpin, потому что значение не отображается, если его нет location.reload();

При загрузке страницы значение уже выбрано и выполнено, но когда я нажимаю кнопку, во всплывающей части больше ничего не отображается.

Проблема этого location.reload();, когда страница отображается дважды и она раздражает, но страница и значение загружаются отлично.

Как сделать это без использования location.reload();? кажется, мне нужно иметь .fucos() для этого конкретного popup класса, когда страница загружена.

Любая идея очень ценится.

...