您好我正在使用cordova构建一个跨平台的应用程序,并承担了使用Glide.js作为图像滑块的任务我已按照其文档说话,但我无法理解为什么它不起作用。出于某种原因,它会将每个图像显示在彼此之上。
<div id="Glide" class="glide">
<div class="glide__wrapper">
<ul class="glide__track">
<li class="glide__slide"><img src="images/Entrance_a.jpg" /></li>
<li class="glide__slide"><img src="images/LDSAL_58.1.jpg" /></li>
<li class="glide__slide"><img src="images/Entrance_b.jpg" /></li>
</ul>
</div>
</div>
我已经链接了这些脚本:
<link href="Glide.js-master/Glide.js-master/dist/css/glide.core.css" rel="stylesheet"/>
<link href="Glide.js-master/Glide.js-master/dist/css/glide.theme.css" rel="stylesheet"/>
<script src="jquery.mobile-1.4.5/jquery-1.12.1.min.js"></script>
<script src="Glide.js-master/Glide.js-master/dist/glide.js"></script>
答案 0 :(得分:0)
你确定css路径是否正确?我认为他们应该是这样的:
<link href="Glide.js-master/dist/css/glide.core.css" rel="stylesheet"/>
<link href="Glide.js-master/dist/css/glide.theme.css" rel="stylesheet"/>