Semantic UI 的学习记录 - 一步一坑 （此前端框架极度缺少资料）

1、Semantic UI 框架使用演示记录

笔者尝试过的各种用法：

1.1 Dropdown 模块使用记录

Html

 <div class="ui floating selection dropdown" id="test1">
<div class="default text" id="onetype">Select ...</div>
     <i class="dropdown icon"></i>
    <div class="menu">
<div class="item" data-value="1">数学</div>
<div class="item" data-value="2">语文</div>
<div class="item" data-value="3">物理</div>
    </div>
</div>

JavaScript

$.fn.api.settings.api = {
  'get testinfo' : '/testchoice/testinfo/',
};

$('#test1.dropdown').dropdown({
        on:'hover' ,//鼠标悬浮显示，默认值是click
        transition:'swing right', //设置动画效果
        allowAdditions:true, //允许添加新的菜单项

    }).api({
        action: 'get testinfo',
        onSuccess: function (response){
            console.log("85 response", response)
       
        }
    }

$.fn.api.settings.api 用于配置全局的 url 给 action 传递 url 变量。

笔者认为这个框架的 api 实在是很不好用，如果是使用下拉菜单模块，api 非常不友好，笔者用的最顺手的是使用 ajax 初始化下拉菜单的数据。