超级会员免费看
本文介绍了如何在项目中集成bootstrap-switch，通过简单的配置实现开关切换效果，提升用户界面的交互体验。通过示例代码展示其用法，并讨论了与bootstrap其他组件的兼容性和响应式设计。
<link href="__PUBLIC__/plugins/bootstrap-switch/css/bootstrap3/bootstrap-switch.css" rel="stylesheet">
<script src="__PUBLIC__/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>
<script>
$(".switch").bootstrapSwitch({
onSwitchChange:function(ev, state){
var name = $(ev.currentTarget).attr('name');
$.post("",{field:name, status:state}, function(d){
console.log(d);
});
}
});
</script>
<input type="checkbox" name="read" class="switch" {$config['read'] ? 'checked':''} />
订阅专栏 解锁全文
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
