loading content into fancybox modal using ajax

HTML

<p><button id='open_popup' class='btn btn-primary' onclick="$.fancybox({ href: '/view/quotes/fKbDL/time-you-enjoyed-wasting-is-not-wasted-time/', type: 'ajax'});">Open Popup (Modal False)</button></p>

Scripts

<link rel="stylesheet" type="text/css" media="all" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.js"></script>

Javascript

// Example
/*
    $.fancybox({
        width: 400,
        height: 400,
        autoSize: false,
        href: '/some/url-to-load',
        type: 'ajax'
    });
*/
// i will include an inline example above

// example 2, this one works for  newer versions of fancybox
$("#button").click(function() {
    $.fancybox.open({
        href: "ajax.php",
        type: "ajax",
        ajax: {
            type: "POST",
            data: {
                temp: "stuff"
            }
        }
    });
});