Question

我知道我在编码方面有点新手，尤其是在jquery中，但我似乎无法弄清楚为什么我无法在我的网站上使用幻灯片插件......我和已经尝试了多个插件，但它们似乎都失败了......

这是我的代码：

调用Jquery和Slippry插件 -

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

<script>
jQuery(document).ready(function(){
  jQuery('selector').slippry()
});
</script>

HTML -

<ul id="slippry-demo">
  <li>
  <a href="#slide1"><img src="images/22.png" alt="Welcome to Slippry!"></a>
  </li>
  <li>
  <a href="#slide2"><img src="images/11.png" alt="cenas nices!"></a>
  </li>
  <li>
  <a href="#slide3"><img src="images/33.png" alt="such responsivness, much slide, wow!"></a>
  </li>
</ul>

对于CSS，我只是链接了插件附带的css文件。

在我的网站上，结果只有3张图片同时显示在另一张图片上...

我该怎么办？提前致谢

Answer 1

HTML中的滑动元素的名称 - ＆＃39;选择器＆＃39;滑倒 - 是＃slippry-demo＆＃39;。所以在你的javascript中，试试这个：

<script>
jQuery(document).ready(function(){
  jQuery('#slippry-demo').slippry()
});
</script>

滑动不工作

1 个答案: