Javascript 退出弹出窗口未触发

我正在尝试使我的弹出窗口在退出时工作。我已经学习了很多教程，使用了我自己的主动权，但我仍然无法让它工作。（对于jQuery来说，这是一个非常新的概念，如果这是显而易见的，我很抱歉）。只是想知道是否有人能认出我做错了什么

根据控制台，这一行是一个问题：

$.magnificpoop.open（{

错误消息：“uncaughttypeerror:无法读取未定义的属性‘open’”

//退出意图
功能加法器（obj、evt、fn）{
if（对象添加列表器）{
对象添加列表器（evt、fn、false）；
}else if（对象附件）{
附件（“on”+evt，fn）；
}
}
//退出意图触发器
addEvent（文档“鼠标输出”功能（evt）{
if（evt.toElement==null&&evt.relatedTarget==null&&！localStorage.getItem（'exitintent\u show'））{
$.magnificPopup.open({
项目：{
src:“#新闻稿表单”//内联元素的ID
},
键入：“内联”，
removalDelay:500，//延迟删除以适应弹出窗口的动画
mainClass:'mfp fade mfp fade side'，//实际动画
});
//setItem（'exitintent_show'，'true'）；//在localStorage中设置标志
}
});

。白色弹出窗口{
位置：相对位置；
背景：#FFF；
填充：20px；
宽度：自动；
最大宽度：500px；
保证金：20px自动；
> * {
边际上限：0；
}
}

订阅我的文章
我保证我不会打扰你太多，只是提醒你我什么时候发表新的东西

我在这里使用了放大弹出窗口

    <!--=================================
    modal -->
    
    <section class="white-bg">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="modal-onexit" data-target="#myModal1"></div>
                    <div class="modal1 mfp-hide text-center" id="myModal1">
                        <div class="modal-shop white-bg">
                            @*<span class="theme-color">Winter offer for new user</span>*@
                            <h3 class="theme-color">Request for call back to know Exclusive offer</h3>
                            <form action="YOUR-ACTION" method="post">
                                <div class="row no-gutter mt-50">
                                    <div class="col-sm-12 mb-10">
                                        <input type="text" placeholder="Name*" class="form-control placeholder" required autocomplete="off">
                                    </div>
                                    <div class="col-sm-12 mb-10">
                                        <input type="email" placeholder="Email*" class="form-control placeholder" required autocomplete="off">
                                    </div>
                                    <div class="col-sm-12 mb-10">
                                        <input type="number" placeholder="Phone*" class="form-control placeholder" required autocomplete="off">
                                    </div>
                                    <div class="col-sm-12 mb-10">
                                        <textarea type="text" placeholder="Message*" class="form-control placeholder" required></textarea>
                                    </div>
                                    <div class="col-md-12 mt-30">
                                        <button type="submit" class="button">Get my Exclusive Offer</button>
                                    </div>
                                </div>
                            </form>
                            <span class="theme-color mt-20 mb-20"> <a class="popup-modal-dismiss" href="#">No Thanks, I don't want any offer! </a> </span>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <!--=================================
    modal -->
    
    
    
        <script>
            // Exit intent
            function addEvent(obj, evt, fn) {
                if (obj.addEventListener) {
                    obj.addEventListener(evt, fn, false);
                }
                else if (obj.attachEvent) {
                    obj.attachEvent("on" + evt, fn);
                }
            }
    
            // Exit intent trigger
            addEvent(document, 'mouseleave', function (evt) {
                var $modal = $('.modal-onexit');
                if ($modal.length > 0) {
                    $('.popup-modal').magnificPopup({
                        type: 'inline'
                    });
                    $(document).on('click', '.popup-modal-dismiss', function (e) {
                        e.preventDefault();
                        $.magnificPopup.close();
                    });
                    var elementTarget = $modal.attr('data-target');
                    setTimeout(function () {
                        $.magnificPopup.open({
                            items: { src: elementTarget },
                            type: "inline",
                            mainClass: "mfp-no-margins mfp-fade",
                            closeBtnInside: !0,
                            fixedContentPos: !0,
                            removalDelay: 500
                        }, 0)
                    }, 0);
                }
    
            });
    
       </script>

@*新用户冬季优惠*@
要求回拨了解独家报价
得到我的独家报价
//退出意图
功能加法器（obj、evt、fn）{
if（对象添加列表器）{
对象添加列表器（evt、fn、false）；
}
else if（对象附件）{
附件（“on”+evt，fn）；
}
}
//退出意图触发器
addEvent（文档“鼠标移动”功能（evt）{
变量$modal=$（'.modal onexit'）；
如果（$modal.length>0）{
$（'.popup modal'）.magnificPopup({
键入：“内联”
});
$（文档）。在（'单击'，'上。弹出'功能（e）{
e、 预防默认值（）；
$.magnificPopup.close（）；
});
var elementTarget=$modal.attr（'data-target'）；
setTimeout（函数（）{
$.magnificPopup.open({
项：{src:elementTarget}，
键入：“内联”，
mainClass:“mfp无边距mfp淡入”，
CloseBtnSide:！0，
fixedContentPos:！0，
搬迁延误：500
}, 0)
}, 0);
}
});

尝试

mouseleave

而不是

mouseout

。请参阅

$.magnificpoop.open（{

根据控制台，这就是问题所在。“未捕获类型错误：无法读取未定义的属性“open”好的，那么问题不在于触发不起作用，而在于您没有正确安装magnificPopup jQuery。您可以编辑您的问题以包含执行此操作的代码吗？