Javascript 当您按下模式面板上的“取消”按钮时，放大弹出窗口不会关闭

我在一个项目上使用放大弹出窗口，目前我在一个ASP MVC项目上使用它作为模式：

模态

div id="js_DeleteNewSongsPopup" class="theme-primary ajax-form popup-basic admin-form mfp-with-anim modalPopup">
<div class="panel">
    <div class="panel-heading">
        <span class="panel-title">
            <i class="fa fa-ban "></i>Reject Selected Song
        </span>
    </div>

    @* Information Body *@
    <div class="panel-body p25">
        <div class="section row">
            <div class="col-md-12 text-center">
                <h3>
                    Are you sure you want to <b class="text-danger">reject</b> the selected Songs?
                </h3>
                <p>
                    Please note, these will be <b class="text-danger">deleted</b> and no longer accessable
                </p>
            </div>
        </div>
    </div>

    @* Form Body *@
    <div class="panel-footer">
        <div class="text-center">
            <fieldset>

                    <input type="button" class="btn btn-primary js_CancelForm" value="Cancel" data-bind="click: function(){ $.magnificPopup.close(); }">
                    <input type="button" class="btn btn-danger js_DeleteNewSongsButton" value="Delete" data-bind="click: $root.submitDeleteNewSongs">
            </fieldset>
        </div>
    </div>

</div>

<button title="Close (Esc)" type="button" class="mfp-close">×</button>

任何想法，因为没有控制台错误报告。我也不确定为什么它在另一个页面上工作，当标记相同时

尝试：

$('body').removeClass('panel-body p25');

或

基本上，您需要删除“modal”类。

最后使用：

$('.js_CancelForm').on("click", function () {
           $.magnificPopup.close();
       });

现在弹出窗口按预期关闭

$('body').removeClass('theme-primary ajax-form popup-basic admin-form mfp-with-anim modalPopup');

$('.js_CancelForm').on("click", function () {
           $.magnificPopup.close();
       });