首页 > 代码库 > Sematic库系列一

Sematic库系列一

最近在做项目时采用了sematic css 库,由于这个库的资料太少,在做项目中遇到很多问题,在这里做一些记录

1. 下拉框demo

HTML 代码

<div class="field companySel">    <span>名称</span>    <div class="ui selection dropdown" >        <input type="hidden" />        <div class="text">全部</div>        <i class="dropdown icon"></i>        <ul class="menu">            <li class="item">全部</li>            <li class="item">1</li>            <li class="item">2</li>            <li class="item">3</li>        </ul>    </div></div>
javascript代码
//分公司筛选    $(‘.companySel .dropdown‘).on(‘mouseenter‘,function(){        $(this).dropdown({            onChange: function(value){                $scope.companyName = value;                $scope.$apply();            }        });    });

javascript 也可以这么写:

$(‘.companySel .dropdown‘).dropdown({        onChange: function() {            $scope.companyName = $(this).dropdown(‘get value‘);            $scope.$apply();        }    });

Sematic库系列一