Fancybox仅在第二次点击时启动iframe

Question

我的意思是，当我点击div时，我必须点击两次才能打开fancybox iframe，但退出iframe后。但是在同一页面上打开另一个，只需要点击一下。

BSN（）是一个生成＆＃34;菜单＆＃34;

的功能

以下是我认为可能存在问题的代码片段：

function generateTemplateInfo(blockID) {
$.getJSON('links.json').done(function (data) {
    switch (blockID) {
    case 'bsn_traditional':
        $('#' + blockID).fancybox({
            fitToView: false
            , autoSize: false
            , autoDimensions: false
            , width: 750
            , height: 550
            , href: 'template.html'
            , type: 'iframe'
            , afterLoad: function () {
                loadData(blockID, data);
            }
        });
        break;
    case 'msn_specialist':
        $('#' + blockID).fancybox({
            fitToView: false
            , autoSize: false
            , autoDimensions: false
            , width: 750
            , height: 550
            , href: 'template.html'
            , type: 'iframe'
            , afterLoad: function () {
                loadData(blockID, data);
            }
        });
        break;
    default:
        console.log('error');
        break;
    }
     });
}

function BSN() {
    removeBlocks(); 
    generateSubMenu(2, 3, 'BSN');
    $(".navi").on('click', '.subBlocks', function () {
        generateTemplateInfo(this.id);
        });
    }