关于bootstrap中switch的那些坑

1.今天做一个关于bootstrap中switch(开关)的功能,通过点击事件来改变switch(开关)disabled属性,官方给出的初始化参数方法是

$('[name="status"]').bootstrapSwitch({

        onText: "激活",

        offText: "未激活",

        onColor: "success",

        offColor: "info",

        size: "small",

        onSwitchChange: function(event, state) {

                        if(state == true) {

                            $(this).val("1");

                        } else {

                            $(this).val("2");

                        }

                            alert(state);

        }

});

后期想通过按钮来改变switch的属性可以参考下面几种方法;


例如:$('#mButton').click(function(){  

                        $('#mySwitch input').bootstrapSwitch('toggleState');  

           })



2.在引用bootstrap-switch.css时,当我们把开关设置成禁用状态时,鼠标移上去并没有变禁止符号,我试过用js来hover改变鼠标形状,但是没有什么用,唯一的方法就是修改bootstrap-switch.css中凡是带disabled的属性,里面有cursor:default ! important的全部改成not-allowed,这可以当做是bootstrap-switch中小小的bug


最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 137,187评论 19赞 139
  • 前端开发面试题 <a name='preface'>前言</a> 只看问题点这里 看全部问题和答案点这里 本文由我...
    自you是敏感词阅读 920评论 0赞 3
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,310评论 0赞 1
  • 译自 React Component Lifecycle 每个组件都有若干生命周期函数。如函数名称所示,带有wil...
    KrisLeeSH阅读 669评论 0赞 0
  • 很久很久不曾完整地看完一部电视剧,大概是从上初中开始?记忆中的电视剧都还是《封神榜》、《康熙王朝》、《看了又看》(...
    乃七阅读 1,012评论 0赞 0

友情链接更多精彩内容