zoukankan      html  css  js  c++  java
  • semantic-ui dropdown is not a function

    按照semantic-ui官网示例,编写了如下示例,却不见效果。

    <div class="ui secondary menu">
    <a class="item">首页</a>
    <div class="ui dropdown item" id="dp1">
    技术
    <i class="dropdown icon"></i>
    <div class="menu" id="dp2">
    <div class="item">前端技术门户网</div>
    <div class="item">后端技术门户网</div>
    <div class="item">博客</div>
    </div>
    </div>
    <a class="item">茶室</a>
    <a class="item">理财</a>
    <a class="item">门市</a>
    <a class="item">设计</a>
    <a class="item">健康</a>
    <a class="item">博客</a>
    <a class="item">俱乐部</a>
    <a class="item">其它</a>
    </div>

      最后试了了官网示例

    http://semantic-ui.com/modules/dropdown.html#/usage

    发现一样,一直找不到原因,

    js脚本就是这么简单

    <script>
      $('#dp1').dropdown();
    </script>
    

      最终解决,把js放html后面就可以,在文档开始写就不行,所以说应该是加载和渲染时机问题,然而即使放ready事件中编写也不行。具体原因待查。

    原因较2,由于页面中使用script标签加载js并且非异步加载,所以导致页面一直没有渲染完成,所以在加载完成前就会点击一直报no function错误。

    岁月留痕
  • 相关阅读:
    win7 重装 docker 启动后无法启动错误解决
    ASP.NET MVC 播放远程服务器上的MP3文件
    ubuntu+mono+PetaPoco+Oracle+.net 程序部署
    .NET Core 2.0 问题杂记
    博客园挂了吗?
    Content-Type: application/vnd.ms-excel">
    Storm
    Razor语法
    类型后面加问号 int?
    Apache vue site configuration
  • 原文地址:https://www.cnblogs.com/navigate/p/5298965.html
Copyright © 2011-2022 走看看