Question

代码有效，但由于某种原因，当我在浏览器窗口（firefox）中打开网站时，效果不起作用。我确实尝试了不同的浏览器，但同样的事情。我正在使用TextWrangler来编写我的网站。我也有Dreamweaver，我也尝试过，但由于某种原因，插件无法工作......所以我使用CodePen来查看代码是否有效而且确实如此！在浏览器中预览插件时，是否有任何提示或提示？ Here is Magnific Popup Documentation 我链接并下载了Magnific Popup css和js文件。 I tried it in CodePen and it works I just changed on the image

＆＃13;

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Gallery Test</title> 
<!-- Magnific Popup core CSS file -->
  <link rel="stylesheet" href="dist/magnific-popup.css"> 
<!-- jQuery 1.7.2+ or Zepto.js 1.0+ -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<!-- Magnific Popup core JS file -->
  <script src="dist/jquery.magnific-popup.js"></script>
</head>

<body>
<h1>Gallery Test</h1>
<a class="image-popup-vertical-fit" href="images/yellow-cactus.jpg" title="Yellow Cactus">
<img src="images/yellow-cactus-small.jpg">
</a>
<script>
$(document).ready(function() {
  
    $('.image-popup-vertical-fit').magnificPopup({
        type: 'image',
        closeOnContentClick: true,
        mainClass: 'mfp-img-mobile',
        image: {
            verticalFit: true
        }
          
    });
  
});
</script>
</body>

</html>

＆＃13;

Answer 1

最后我想到了我做错了什么，这是我的jquery库链接中的拼写错误。它没有以“http：”

开头

简单总是最容易忽视的事情！

在浏览器中预览时不显示Magnific Popup插件

1 个答案: