javascript - 为什么轨道图像 slider 插件不起作用?

标签 javascript jquery html css

我正在根据这个 guide 设置轨道由于某种原因,它根本不起作用。我敢肯定它非常简单,因为只需要执行 2 个步骤,但我真的没有看到它并且可以使用第二组眼睛。如果您发现问题所在,请告诉我,谢谢!

<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.orbit.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/orbit.css">
<script type="text/javascript">
 $(window).load(function() {
     $('#featured').orbit();
 });
</script>
<div id="featured"> 
 <img src="1.jpg" alt="Overflow: Hidden No More" />
 <img src="2.jpg"  alt="HTML Captions" />
 <img src="3.jpg" alt="and more features" />
</div>

最佳答案

检查您的 jQuery 路径和 orbit JS 文件是否正确并且正在加载。

尝试使用 $(document).ready();

    <div id="featured"> 
     <img src="1.jpg" alt="Overflow: Hidden No More" />
     <img src="2.jpg"  alt="HTML Captions" />
     <img src="3.jpg" alt="and more features" />
    </div>

    <script type="text/javascript">
     $(document).ready(function() {
         $('#featured').orbit();
     });
    </script>

关于javascript - 为什么轨道图像 slider 插件不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20713575/

相关文章:

javascript - HighCharts 和 PHP json_encode。数据来自MySQL。图表上没有数据

javascript - onclick 函数的问题

html - 使背景图像静态?

html - 将 CSS 应用于嵌套的 HTML 代码

html - Visual Studio 代码 html 建议不起作用

javascript - 如何在 Electron 应用程序中获取持久权限?

javascript - 如何使用 Nest.js 中的类验证器验证数组中每个对象的字段

javascript - Javascript 的测试框架

javascript - 无限滚动javascript未运行

javascript - 使用 3 层菜单过滤结果列表