TypeError: undefined is not an object (evaluating '$.fancybox.open')

Question

JavaScript

I tried to hang a modal window on the "order" button using fyncybox, but I got this error TypeError: undefined is not an object (evaluating '$.fancybox.open')
Below is the code itself...

//form submit
$(function( ){
$('#order-form').on('submit', function(e){
e.preventDefault();

var
form = $(this),
formData = form.serialize();

$.ajax({
url: '../config/mail.php',
type: 'POST',
data: formData,

success: function (data) {

var popup = data.status ? '#success' : '#error';

$.fancybox .open([
{ href: popup }
],{
type: 'inline',
maxWidth : 250,
fitToView : false,
padding : 0,
afterClose : function () {
form.trigger('reset');
}
});
}
})
});

$('.status-popup__close').on('click', function(e){
e.preventDefault();
$.fancybox.close();
});
});

Letters come, but the modal window from fyncybox does not appear

Answer 1

Almost everyone has come across, usually the error is banal, duplication / non-connection of the script, incompatibility with jq or jq.min, messed up with redefining $(), rarely a typo in the config or connecting to the wrong element, everything is verifiable, it just takes time.