首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
Flands
V2EX  ›  CSS

为啥 semantic 使用折叠菜单无效? css 有效

  •  
  •   Flands · 2017-03-19 19:42:30 +08:00 · 2488 次点击
    这是一个创建于 1037 天前的主题,其中的信息可能已经有所发展或是发生改变。

    第一次用这个框架,好奇怪, Jquery 导入, semantic 的 css 和 js 导入,顺序正确, webstorm 文件检查正常。为啥就是用不了折叠菜单呢?样式明明都有了,点了就是没有折叠效果。实在谷歌不到了= =

    <!DOCTYPE html>
    <html>
    <head>
        <title>The Boom!</title>
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
        <link rel="stylesheet" type="text/css" href="Semantic/dist/semantic.css">
        <script type="text/javascript" src="Semantic/jquery.js"></script>
        <script src="Semantic/dist/semantic.js"></script>
    </head>
    <body>
    <div class="ui accordion">
        <div class="title"><i class="dropdown icon"></i> What is a dog? </div>
        <div class="content">
            <p class="transition hidden">A dog is a type of domesticated animal. </p>
        </div>
        <div class="title"><i class="dropdown icon"></i> What kinds of dogs are there? </div>
        <div class="content">
            <p>There are many breeds of dogs.</p>
        </div>
        <div class="title"><i class="dropdown icon"></i> How do you acquire a dog? </div>
        <div class="content">
            <p>Three common ways for a prospective owner to acquire a dog is from pet shops.</p>
        </div>
    </div>
    </body>
    </html>
    
    4 回复  |  直到 2018-02-03 16:09:52 +08:00
    sansansine
        1
    sansansine   2017-04-20 15:12:58 +08:00
    遇到同样问题,楼主找到原因了吗?求赐教啊
    hyperxu
        2
    hyperxu   2017-04-29 22:48:16 +08:00
    遇到同样问题,我复选框类,折叠菜单都无效,点了没反应,各位解决了吗,同请教

    @sansansine
    sansansine
        3
    sansansine   2017-04-30 19:36:52 +08:00 via Android   ♥ 1
    需要写一段 js,官方文档里有
    kbrx93
        4
    kbrx93   2018-02-03 16:09:52 +08:00
    $('.ui.accordion')
    .accordion()
    ;

    增加 JS 代码在 body 底部即可
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2484 人在线   最高记录 5168   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 25ms · UTC 12:40 · PVG 20:40 · LAX 04:40 · JFK 07:40
    ♥ Do have faith in what you're doing.