Javascript 未捕获的TypeError:jQuery（…）。amazingslider不是函数

我已经使用惊人的SliderJavaScript创建了一个视频lightbox slider，代码在本地运行良好，但当我在模板上实现它时，出现了一个非常奇怪的错误。但是，添加了所有必需的CDN

Uncaught TypeError: jQuery(...).amazingslider is not a function

这是我正在使用的完整代码

<script type='text/javascript' src='https://amazingslider.com/wp-includes/js/jquery/jquery.min.js?ver=3.5.1' id='jquery-core-js'></script>
<script type='text/javascript' src='https://amazingslider.com/wp-content/uploads/amazingslider/sharedengine/amazingslider.js?ver=4.2' id='amazingslider-script-js'></script>
<script src="https://amazingslider.com/wp-content/uploads/amazingslider/19/sliderengine/initslider.js"></script>
<style type="text/css">
    .demo-slider-3 {
        margin: 0em auto 8em;
        max-width: 600px;
        text-align: center;
    }
    .amazingslider-bottom-shadow-0 {
        display: none !important;
    }
</style>

<div class="demo-slider-3">
    <div id="amazingslider-19" style="display:block;position:relative;margin:15px auto 30px;">
        <ul class="amazingslider-slides" style="display:none;">

            <li>
                <a href="#videolink" class="html5lightbox">
                    <img src="#imagelink"/>
                </a>
            </li>
            <li>
                <a href="#videolink" class="html5lightbox">
                    <img src="#imagelink"/>
                </a>
            </li>
            <li>
                <a href="#videolink" class="html5lightbox">
                    <img src="#imagelink"/>
                </a>
            </li>
        </ul>
        <ul class="amazingslider-thumbnails" style="display:none;">
            <li><img src="#imagelink"/></li>
            <li><img src="#imagelink"/></li>
            <li><img src="#imagelink"/></li>
        </ul>
    </div>

</div>  

    

.demo-slider-3{
保证金：0em自动8em；
最大宽度：600px；
文本对齐：居中；
}
.amazingslider-bottom-shadow-0{
显示：无！重要；
}

函数插入头（src）{
var head=document.getElementsByTagName（“head”）[0]；
var script=document.createElement（'script'）；
setAttribute（'type'，'text/javascript'）；
script.setAttribute（'src'，src）；
head.appendChild（脚本）；
};
var jQueryLoaded=setInterval（函数（）{
if（jQuery的类型！==“未定义”）
{
clearInterval（jQueryLoaded）；
插入头（'http://yourwebsite.com/myslider/amazingslider.js');
}
}, 500);
var AmazingSliderLoaded=setInterval（函数（）{
if（（typeof jQuery！=='undefined'）&&jQuery.fn.amazingslider）
{
清除间隔（Amazingsliderload）；
插入头（'http://yourwebsite.com/myslider/initslider-1.js');
}
}, 500);

---

通过使用这个脚本，我可以在我的网站上运行它

你说的“在我的模板上实现它”是什么意思？你能为它添加代码吗？我的模板是一个我使用动态内容创建的网站页面，图像和视频是从后端而不是直接URL添加的。此文件initslider.js中显示错误。错误只是说可能

amazingslider.js

（第二个脚本）加载失败。请检查是否出现任何网络错误打开网站页面，然后在JS控制台中运行

jQuery.fn.amazingslider

。您是否得到任何输出，或者它是

未定义的

？

<script language="JavaScript">
  function insertToHead(src) {
    var head = document.getElementsByTagName("head")[0];
    var script = document.createElement('script');
    script.setAttribute('type', 'text/javascript');
    script.setAttribute('src', src);
    head.appendChild(script);
  };
  var jQueryLoaded = setInterval(function(){
    if (typeof jQuery !== 'undefined')
    {
      clearInterval(jQueryLoaded);
      insertToHead('http://yourwebsite.com/myslider/amazingslider.js');
    }
  }, 500);
  var AmazingSliderLoaded = setInterval(function(){
    if ((typeof jQuery !== 'undefined') && jQuery.fn.amazingslider)
    {
      clearInterval(AmazingSliderLoaded);
      insertToHead('http://yourwebsite.com/myslider/initslider-1.js');
    }
  }, 500);
</script>