gpt4 book ai didi

javascript - UIKit (getuikit) slider 组件拒绝工作

转载 作者:行者123 更新时间:2023-11-28 03:00:14 27 4
gpt4 key购买 nike

我不知道这个用于 UI 工具包的 slider 组件是怎么回事。我已经成功使用 UI 工具包几个月了(包括使用 slider ),现在,在这个新网站上,它根本没有呈现(列表项显示为默认值,没有幻灯片功能等)。

我最初尝试使用 UIKit 和 Jquery 的本地副本,但结果相同。这也发生在我的本地主机服务器上(所以希望这个错误是一个愚蠢的错误)。

整个 php 文件:

<!DOCTYPE html>
<html>
<head>
<title>Burn Blue</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.24.3/css/uikit.min.css" />
<link rel="stylesheet" href="css/components/slider.min.css" />
</head>
<body>
<div data-uk-slider>

<div class="uk-slider-container">
<ul class="uk-slider">
<li class="uk-width-1-1" style="background-image: url('/images/slide-1.jpg');">Test</li>
<li class="uk-width-1-1" style="background-image: url('/images/slide-2.jpg');">Test</li>
<li class="uk-width-1-1" style="background-image: url('/images/slide-3.jpg');">Test</li>
<li class="uk-width-1-1" style="background-image: url('/images/slide-2.jpg');">Test</li>
</ul>
</div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.24.3/js/uikit.min.js"></script>
<script src="js/components/slider.min.js"></script>
</body>
</html>

页面链接:http://burn.blue/slider.php

编辑:它现在工作正常;我没有意识到我必须添加 slider.min.js 或 slider.min.css。

最佳答案

Artefact 是正确的。我没有意识到,但是 UIKit 组件要求您调用它们各自的 js 和 css 文件。我更新了问题中的代码以显示工作示例。

关于javascript - UIKit (getuikit) slider 组件拒绝工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34972860/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com