Javascript 放大镜弹出窗口不工作。所有文件路径都正确_Javascript_Jquery_Html_Magnific Popup

Javascript 放大镜弹出窗口不工作。所有文件路径都正确

javascript jquery html

Javascript 放大镜弹出窗口不工作。所有文件路径都正确,javascript,jquery,html,magnific-popup,Javascript,Jquery,Html,Magnific Popup,我试图打开一个弹出窗口时，用户点击链接使用放大镜弹出窗口，但它不工作。文件顺序正确，但无法正常工作。我的控制台显示：未捕获类型错误：窗口。$（…）。放大弹出窗口不是函数这是我的密码 <html> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css"> </he

我试图打开一个弹出窗口时，用户点击链接使用放大镜弹出窗口，但它不工作。文件顺序正确，但无法正常工作。 我的控制台显示：

未捕获类型错误：窗口。$（…）。放大弹出窗口不是函数

这是我的密码

<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css">
</head>

<body>

<a class="hello" href="imgs/work/1.jpg">clcik here to popup</a>
<script
  src="https://code.jquery.com/jquery-3.4.1.js"
  integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
  crossorigin="anonymous"></script>
<script type="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
<script>

$('.hello').magnificPopup({
    type: "image" // <== comma shouldn't be here since there is nothing to initialize after this
});
</script>
</body>
</html>


$（'.hello'）。放大弹出窗口({
键入：“image”//并非所有文件路径都正确-您使用的是\
而不是/

那么这个-
<a class="hello" href="imgs\work\1.jpg">clcik here to popup</a>

你检查过控制台有没有错误吗？上面写着UncaughtTypeError:$（…）.magnificPopup在new.html:16中不是一个函数。请尝试添加一个适当的。放大插件也可能是用于较旧的jQuery主版本。已添加但仍不工作仍不工作..现在我尝试了jQuery cdn并更改了路径，但仍然没有解决。。
<a class="hello" href="imgs/work/1.jpg">clcik here to popup</a>

<script src="js\jquery.js"></script>

<script src="js/jquery.js"></script>

$(document).ready(function() {
  $('.image-link').magnificPopup({type:'image'});
});