gpt4 book ai didi

javascript - 弹出窗口不显示(带有 magnific-popup)

转载 作者:太空宇宙 更新时间:2023-11-04 15:29:03 24 4
gpt4 key购买 nike

我正在尝试实现 magnific popup在我的网站上,但由于某种原因,我的测试图像没有以弹出模式打开。可能是什么问题?非常感谢

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Document sans nom</title>
<!-- Scripts -->
<link rel="stylesheet" href="magnific-popup/magnific-popup.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" /></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js" type="text/javascript"></script>
<script src="magnific-popup/jquery.magnific-popup.min.js"></script>


<script type="text/javascript">
$(document).ready(function() {

$('.image-popup-vertical-fit').magnificPopup({
type: 'image',
closeOnContentClick: true,
mainClass: 'mfp-img-mobile',
image: {
verticalFit: true
}
});
</script>

</head>

<body>
<p>Lorem ipsum dolor sit amet, <a class="image-popup-vertical-fit" href="http://farm9.staticflickr.com/8241/8589392310_7b6127e243_b.jpg" title="Caption. Can be aligned it to any side.">
<img src="http://farm9.staticflickr.com/8241/8589392310_7b6127e243_s.jpg" width="75" height="75">
</a>consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</body>
</html>

最佳答案

查看 JavaScript 控制台。你有一个错误。

Uncaught SyntaxError: Unexpected token < testpopup.html:14

单击错误消息,它会将您带到

<script type="text/javascript">
<script type="text/javascript">

这是你的问题,你有两个开始脚本标签。

关于javascript - 弹出窗口不显示(带有 magnific-popup),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16461715/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com