documentation表示一个按钮可以格式化为打开或关闭,但给出的示例仅仅是
<div class="ui toggle button">
Vote
</div>
这当然不行.对示例的源代码的检查显示,以编程方式添加了活动类.
我可能错过了一些简单的东西,但是如何在这个例子中创建一个切换按钮？指定什么是切换的语法是什么？
解决方法
以下代码正在做魔术：
semantic.button = {};
// ready event
semantic.button.ready = function() {
// selector cache
var
$buttons = $('.ui.buttons .button'),$toggle = $('.main .ui.toggle.button'),$button = $('.ui.button').not($buttons).not($toggle),// alias
handler = {
activate: function() {
$(this)
.addClass('active')
.siblings()
.removeClass('active')
;
}
}
;
$buttons
.on('click',handler.activate)
;
$toggle
.state({
text: {
inactive : 'Vote',active : 'Voted'
}
})
;
};
// attach ready event
$(document)
.ready(semantic.button.ready)
;