[英]fancybox3 Javascript Init iframe
我在为iframe链接实施此解决方案时遇到问题: 带有iFrame的Fancybox3-防止重叠点击关闭
这是我的示例:
<!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>
所有的库都是最新的,但是我无法使用JavaScript使clickSlide正常工作。 非常感谢您的帮助。
我最好的猜测是您不是在等待DOM加载。 我想说的只是将您的fancybox初始化放入document.ready
$(document).ready(function() {
$.fancybox({
clickSlide: false
});
})
您有语法错误,请检查文档并按以下方式使用它-
$('[data-fancybox]').fancybox({
clickSlide: false
});
https://codepen.io/anon/pen/LaYNbr?editors=1010
要么
$.fancybox.defaults.clickSlide = false;
https://codepen.io/anon/pen/KEKzaM?editors=1010
并将您的JS代码放在HTML之前,或包装在$( document ).ready()
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.