fancybox3 Javascript初始化iframe
我在为iframe链接实施此解决方案时遇到问题: 以下是我的例子:fancybox3 Javascript初始化iframe,javascript,iframe,fancybox-3,Javascript,Iframe,Fancybox 3,我在为iframe链接实施此解决方案时遇到问题: 以下是我的例子: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>My page</title> <!-- CSS --> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/l
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My page</title>
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.6/jquery.fancybox.min.css">
</head>
<body>
<a data-fancybox data-type="iframe" href="https://fancyapps.com/" target="_blank" rel="noopener">Test Box</a>
<!-- JS -->
<script src="//code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.6/jquery.fancybox.min.js"></script>
<script type='text/javascript'>
$.fancybox({
clickSlide: false
});
</script>
</body>
</html>
我的页面
$.fancybox({
单击幻灯片:错误
});
所有库都是最新的,但我无法让clickSlide的javascript正常工作。非常感谢您的帮助。我的猜测是您没有等待DOM加载。我想说的是,将fancybox初始化放在
文档中。就绪
$(document).ready(function() {
$.fancybox({
clickSlide: false
});
})
如果出现语法错误,请检查文档并按如下方式使用-
$('[data-fancybox]').fancybox({
clickSlide: false
});
或
并将JS代码放在HTML之前或包装在$(document.ready()
$.fancybox.defaults.clickSlide = false;