Fancybox Disable Overlay Click Close

by kevinjazzmaster

HTML

<script src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>
<link rel="stylesheet" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css">
<button href="#open" class="o">Open</button>

<div id="open">
</div>

CSS

#open {
    display:none;
}

JavaScript

$(".o").fancybox({
    helpers:  {
        overlay : {
            closeClick  : false
        }
    }
});


$('#merge').click(function() {
    $('#cancel').attr("disabled", "disabled");
    $('.fancybox-item').hide();
    $('.fancybox-overlay').unbind();
    
    console.log('submit');
});

$('#cancel').click(function() {
    $.fancybox.close();
});