ResponsiveSlides在Safari 9上工作吗?

时间:2016-07-11 15:32:17

标签: jquery html css safari responsive-slides

我刚刚为我的html和css添加了responsiveslides,但它不会工作。 我无法在代码中发现错误,所以我非常沮丧..

可能是,在Safari 9.1上,Responsiveslides不起作用。吗

所以这是脚本:

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


<script>
$(function() {
$(".rslides").responsiveSlides();
});
</script>

这是html:

<div class="bild-links">
    <ul class="rslides">
        <li><img src="mag.jpg" alt="Platzhalter"></li>
        <li><img src="mag-02.jpg" alt="Platzhalter"></li>
        <li><img src="mag-03.jpg" alt="Platzhalter"></li>
    </ul>
</div>

这是我的css:

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

如果你能帮助我,我真的很开心! 非常感谢!

1 个答案:

答案 0 :(得分:0)

你在这里打错了...

<script src="responsiveslides.min.js"></script <!-- didn't close tag -->