Javascript 使用jQuery旋转滑块获取要显示的基本滑块的问题

在本教程之后，我尝试在没有可视化界面的情况下使用jQuery版本的Revolution Slider:。我在开发者工具控制台中没有收到任何错误，除了一个无关的脚本，我故意破坏了这个脚本，它在“a.arrow”上激活。由于某些原因，滑块根本没有出现

教程非常简单，我不知道怎么回事。我在下面包含了相关代码，以查看是否有明显的遗漏。我还将包括一个指向相关页面的链接：

要查看它：UN:demo PW:password

我知道有一个特定于WordPress的插件用于此，但它有一个可视化编辑器，我不希望将其包含在我们正在构建的网站中。。。这就是为什么我尝试使用更简单的jQuery-only插件

显示旋转滑块的代码：

<div class="rev_slider_wrapper" style="overflow: visible;height: 600px;display: block;position: relative;">

<!-- the ID here will be used in the JavaScript below to initialize the slider -->
<div id="rev_slider_1" class="rev_slider" style="">

    <ul>
        <!-- MINIMUM SLIDE STRUCTURE -->
        <li data-transition="fade">

            <!-- SLIDE'S MAIN BACKGROUND IMAGE -->
            <img src="https://restaurantex1.wpengine.com/wp-content/uploads/2017/07/notgeneric_bg3.jpg" alt="Sky" class="rev-slidebg">

        </li>

        <!-- MINIMUM SLIDE STRUCTURE -->
        <li data-transition="fade">

            <!-- SLIDE'S MAIN BACKGROUND IMAGE -->
            <img src="https://restaurantex1.wpengine.com/wp-content/uploads/2017/07/notgeneric_bg5.jpg" alt="Ocean" class="rev-slidebg">

        </li>
    </ul>

</div>

关闭标记上方站点页脚中的脚本以激活滑块：

<script>

jQuery(document).ready(function() {

    jQuery('#rev_slider_1').show().revolution({

        /* options are 'auto', 'fullwidth' or 'fullscreen' */
        sliderLayout: 'auto',

        /* basic navigation arrows and bullets */
        navigation: {

            arrows: {
                enable: true,
                style: 'hesperiden',
                hide_onleave: false
            },

            bullets: {
                enable: true,
                style: 'hesperiden',
                hide_onleave: false,
                h_align: 'center',
                v_align: 'bottom',
                h_offset: 0,
                v_offset: 20,
                space: 5
            }
        }
    });
});

jQuery（文档）.ready（函数（）{
jQuery（'#rev#u slider_1'）.show（）.revolution({
/*选项有“自动”、“全宽”或“全屏”*/
滑块布局：“自动”，
/*基本导航箭头和项目符号*/
导航：{
箭头：{
启用：对，
风格：“hesperiden”，
隐藏：false
},
子弹：{
启用：对，
风格：“hesperiden”，
隐藏：假，
h_align:'中心'，
v_对齐：“底部”，
h_偏移量：0，
v_偏移量：20，
空间：5
}
}
});
});

---

页面链接显示错误。它应该是

jQuery（document）。准备好了…

页脚的脚本需要先完成。谢谢@AmitKB。我知道有一个问题，我现在已经解决了，以清理控制台，但我仍然没有看到关于页面上的革命滑块测试所有。。。我也没有在控制台中看到任何错误。不过，我确实在开发人员工具的网络视图中看到了用于Revolution Slider的jQuery文件。有什么想法吗？只需使用滑块HTM和脚本以及指向您的域的CSS资源设置工作革命滑块。

<script>

jQuery(document).ready(function() {

    jQuery('#rev_slider_1').show().revolution({

        /* options are 'auto', 'fullwidth' or 'fullscreen' */
        sliderLayout: 'auto',

        /* basic navigation arrows and bullets */
        navigation: {

            arrows: {
                enable: true,
                style: 'hesperiden',
                hide_onleave: false
            },

            bullets: {
                enable: true,
                style: 'hesperiden',
                hide_onleave: false,
                h_align: 'center',
                v_align: 'bottom',
                h_offset: 0,
                v_offset: 20,
                space: 5
            }
        }
    });
});