gpt4 book ai didi

css - 语义 ui 边栏实现

转载 作者:搜寻专家 更新时间:2023-10-31 08:17:48 26 4
gpt4 key购买 nike

你好,我如何从语义 ui 实现侧边栏?我想使用列表中的第一个示例。

http://semantic-ui.com/modules/sidebar.html#/definition

我尝试复制粘贴整个 div 部分并将其放在我的 html 上对于 javascript(?不太确定),

$('.left.demo.sidebar')
.sidebar('toggle')
;

我试过戴上 按钮 onclick 和 函数然后使用 href 调用但是侧边栏没有显示..我做错了什么

最佳答案

您必须包含 jQuery <head></head> 中的图书馆您页面的部分:

<script language="javascript" src="http://code.jquery.com/jquery.min.js"></script>

还有 semantic.js文件:

<script language="javascript" src="[your path here]/semantic.js"></script>

您必须从中下载:

http://semantic-ui.com/

(它位于文件夹 dist 内。将该文件复制到所需位置并使用正确的路径填充 src)


<HEAD></HEAD> 之间:

<script language="javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script language="javascript" src="[your path here]/semantic.js"></script>

<script type="text/javascript">

$(document).ready(function() {
$('.left.demo.sidebar').sidebar('toggle');
});

</script>

关于css - 语义 ui 边栏实现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27350646/

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