语义ui边栏实现

你好，我如何从语义ui实现边栏？我想使用列表中的第一个例子。语义ui边栏实现

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

我试图复制并粘贴整个DIV部分，并把它放在我的HTML 对于JavaScript的（？真的不知道），在

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

我试图把它放在按钮onclick和函数然后使用href调用但侧边栏不显示..我在做什么错误

来源

2014-12-08 Ziddorino

你必须包括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/

（它位于内文件夹分区。该文件复制在欲望的位置和正确的路径填充src）

BETWEEN <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>

来源

2014-12-08 03:12:24 Verhaeren

然后我把它放在一个onclick？谢谢！将尝试 – Ziddorino 2014-12-11 00:36:11

我仍然不能让它触发..我复制完全相同的代码，我的代码是 – Ziddorino 2014-12-11 00:41:36

不是需要抢的onclick，这是错误的，只要使用你在你的问题有代码，再次检查我的回答，我会升级它。 – Verhaeren 2014-12-11 00:47:16

当您添加了jQuery你的项目，你可以触发你的侧边栏通过将此代码添加到您的.js文件：

$('.element.to.trigger.sidebar').on('click', function() { 
    $('.left.demo.sidebar') 
     .sidebar('toggle'); 
});

来源

2017-05-17 23:11:38

语义ui边栏实现

回答

相关问题