JSFiddle - React, Tailwind, and code Playground

by Matt Ball

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/1.3.4/jquery.fancybox-1.3.4.pack.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/1.3.4/jquery.fancybox-1.3.4.css">
<a href="#modalMine">
  click
</a>

JavaScript

function myfunction()
{
    // note the use of "this" rather than a function argument
    $(this).fancybox({
        'autoScale': true,
        'transitionIn': 'elastic',
        'transitionOut': 'elastic',
        'speedIn': 500,
        'speedOut': 300,
        'autoDimensions': true,
        'centerOnScroll': true
    })
}

$('a[href=#modalMine]').each(myfunction);