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错误。

    岁月留痕
  • 相关阅读:
    hdu 2147博弈找规律
    hdu 1851 巴什博弈
    hdu 1729 sg博弈
    hdu 2516博弈找规律
    (转载)博弈之SG函数
    poj 2234基础Nim博弈||sg博弈
    hdu 1730 sg博弈||nim博弈
    hdu 1847 博弈找规律
    n hdu 1760 [SG博弈]二维状态
    hdu 1849 nim博弈
  • 原文地址:https://www.cnblogs.com/navigate/p/5298965.html
Copyright © 2011-2022 走看看