bugfix> javascript > 投稿

プロジェクトでMagnific Pop upを使用していますが、現在はモーダルとして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
    @* Information Body *@
    <div class="panel-body p25">
        <div class="section row">
            <div class="col-md-12 text-center">
                    Are you sure you want to <b class="text-danger">reject</b> the selected Songs?
                    Please note, these will be <b class="text-danger">deleted</b> and no longer accessable
    @* Form Body *@
    <div class="panel-footer">
        <div class="text-center">
                    <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">
<button title="Close (Esc)" type="button" class="mfp-close">×</button>


/* Delete New Songs Popup*/
           function (e) {
               var popup = $("#js_DeleteNewSongsPopup");
                   removalDelay: 500, //delay removal by X to allow out-animation,
                   items: {
                       src: $(popup)
                   callbacks: {
                       beforeOpen: function (e) {
                           this.st.mainClass = 'mfp-slideUp';
                       close: function () {
                   midClick: true
                   // allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source.
               return false;