当我将Jquery添加到我的页面时，会出现错误吗？

Question

我正在更改投资组合页面。我正在为我的页面添加视频弹出功能...要做到这一点，我必须将JQuery添加到我的页面，但是，当我添加时，页面创建了这样的错误：但是，如果我正在删除下面的代码，一切都还好......

<script src="https://code.jquery.com/jquery-3.2.1.slim.js" integrity="sha256-tA8y0XqiwnpwmOIl3SGAcFl2RvxHjA8qp0+1uCGmRmg=" crossorigin="anonymous"></script>

我该怎么办？

谢谢！

编辑：

代码如下：

<link rel="stylesheet" href="http://foo.com/wp-content/themes/bridge/lboxfiles/magnific-popup.css">

<script src="https://code.jquery.com/jquery-3.2.1.slim.js" integrity="sha256-tA8y0XqiwnpwmOIl3SGAcFl2RvxHjA8qp0+1uCGmRmg=" crossorigin="anonymous"></script>

<script src="http://foo.com/wp-content/themes/bridge/lboxfiles/jquery.magnific-popup.js"></script>

<script>
(function() {
    $('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({
        disableOn: 700,
        type: 'iframe',
        mainClass: 'mfp-fade',
        removalDelay: 160,
        preloader: false,
        fixedContentPos: false
    });
});
</script>
<?php wp_footer(); ?>

</body>
</html>

Answer 1

在导入jQuery之后添加它

$.noConflict()

更准确地说

<script src="https://code.jquery.com/jquery-3.2.1.slim.js" integrity="sha256-tA8y0XqiwnpwmOIl3SGAcFl2RvxHjA8qp0+1uCGmRmg=" crossorigin="anonymous"></script>
<script> $.noConflict() </script>

然后修改此行

    $('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({

到

    jQuery('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({