Javascript Fancybox在第二次单击时无法工作

我在我的页面上安装了fancybox，它在初次单击时工作正常，但是如果我退出fancybox并再次单击链接，则不会发生任何事情…没有控制台错误或任何事情。我使用jquery将我的body元素附加到从第三方获得的JS脚本中，然后第三方就可以填充一个名为“ollWidget”的div。感谢您的帮助，谢谢

JS

jQuery（窗口）.load（函数（）{
var scriptSet=false；
jQuery（'.btn可用性'）。单击（函数（e）{
if（jQuery（window）.width（）>600）{
if（scriptSet==false）{
fancybox（jQuery（“”）.css（{'height'：'1125'，'width'：'940'}））；
jQuery（'body'）.append（“\x3Cscript language='javascript'src='script-that-get-code-from-external-site-and-populates-the-ollWidget'>\x3C/script>”）；
jQuery（'#ollWidget'）.show（）；
scriptSet=true；
}否则{
jQuery（'#ollWidget'）.remove（）；
}
}否则{
e、 预防默认值（）；
}
});
});

我怀疑是因为这一行

jQuery（'#ollWidget'）.remove（）

我最终把fancybox吹走了，只是构建了自己的模式。

jQuery(window).load(function() {
var scriptSet = false;
jQuery('.btn-availability').click(function(e) {
    if ( jQuery(window).width() > 600 ) {
        if ( scriptSet == false ) {
            jQuery.fancybox(jQuery('<div id="ollWidget"></div>').css({ 'height': '1125', 'width': '940' }));
jQuery('body').append("\x3Cscript language='javascript' src='script-that-gets-code-from-external-site-and-populates-the-ollWidget'>\x3C/script>");
jQuery('#ollWidget').show();
scriptSet = true;
        } else {
            jQuery('#ollWidget').remove();
        }
        } else {
            e.preventDefault();
    }
});
});



<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.js"></script>