Bootstrap组件On和Off语法

1 $(document).on(‘click.bs.carousel.data-api‘,‘td‘,function(e){})
2
3 $(document).off(‘.carousel.data-api‘)

on使用时相对JQuery 多了一个中间参数  JQuery 使用

$(document).on(‘click.bs.carousel.data-api‘,function(e){}

选择器使用Document

其优点是：在document上绑定一个单击事件，且利用冒泡机制，在触发单击事件时检测是否是td元素上事件但弊端是一个页面会出现多少个td自然就绑定了多少td元素 性能会大大降低  这种三个参数模式称为：享元模式
时间： 2024-10-30 09:24:30

Bootstrap组件On和Off语法的相关文章

Bootstrap定制(二)less基础语法

前几日花了一天去看less,这几日在捣鼓其他东西,项目也在有序的进行中,今天花点时间整理下less的基础语法,也分享实际中的一些经验,与众人共享. 本篇笔者以less的基础语法着手,并配合bootstrap的逻辑结构给大家梳理下less的语法,方面以后实战中快速开发. 1.变量 与许多后台编辑语法类似,less也有着自己的变量,不过less中的变量更确切来说是一种常量,一次赋值永不改变. @font-size:14px; p{font-size:@font-size} -->p{font-siz

bootstrap学习笔记--bootstrap组件

前面已经学习了bootstrap环境搭建以及基本布局方面的知识,下面将学习下关于bootstrap的相关组件,知识点有点多. 关于bootstrap组件知识点目录: Bootstrap--代码显示 Bootstrap--表格 Bootstrap--表单 Bootstrap--按钮 Bootstrap--图片 Bootstrap--辅助类 Bootstrap--响应式实用工具 Bootstrap--字体图标 Bootstrap--下拉菜单 Bootstrap--按钮组 Bootstrap--按钮下

ASP.NET MVC使用Bootstrap系列（3）——使用Bootstrap 组件

Bootstrap为我们提供了十几种的可复用组件,包括字体图标.下拉菜单.导航.警告框.弹出框.输入框组等.在你的Web Application中使用这些组件,将为用户提供一致和简单易用的用户体验. Bootstrap组件本质上是结合了各种现有Bootstrap元素以及添加了一些独特Class来实现.Bootstrap元素我在上一篇文章中涉及到,具体可以参考<ASP.NET MVC使用Bootstrap系列(2)——使用Bootstrap CSS和HTML元素>. 在这篇博客中,我将继续探索B

【转】JS组件系列——Bootstrap组件福利篇：几款好用的组件推荐（二）

前言:上篇 JS组件系列——Bootstrap组件福利篇:几款好用的组件推荐 分享了几个项目中比较常用的组件,引起了许多园友的关注.这篇还是继续,因为博主觉得还有几个非常简单.实用的组件,实在不愿自己一人独享,没办法,谁让博主这么爱分享呢~~ 本文原创地址:http://www.cnblogs.com/landeanfen/p/5603790.html 七.多值输入组件manifest 关于文本框的多值输入,一直是一个比较常见的需求,今天博主推荐一款好用的多值输入组件给大家,不要谢我,请叫我“红

Bootstrap 组件中的导航条

先查看效果: 该导航条可以适应不同尺寸的页面(如手机屏幕.电脑屏幕)   实现: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpor

Bootstrap 组件中的分页条

先查看效果: 实现: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=de

Bootstrap组件之导航条

.navbar--设置nav元素为导航条组件: .navbar-default--指定导航条组件为默认主题: .navbar-inverse--指定导航条组件为黑色主题: .navbar-fixed-top--设置导航条组件固定在顶部: .navbar-fixed-bottom--设置导航条组件固定在底部: .container-fluid--设置宽度充满父元素,即为100%: .navbar-header--主要指定div元素为导航条组件包裹品牌图标及切换按钮: .navbar-toggle-

JS组件系列——Bootstrap组件福利篇：几款好用的组件推荐

前言:之前分享过很多bootstrap常用组件,包括表格.表单验证.文件上传.复选下拉框.弹出框等.这段时间,博主又收藏了一些好用的组件(有些在项目中已经用起来了),经过两天的时间,已经整理出了一部分,本着“好东西要与人分享”的原则,今天还是来点福利,将博主收藏的东西分享出来,供需要的园友参考.组件大部分都是些开源组件,也有部分是博主自己在网上找到然后改写出来的效果,可能不尽如人意,有兴趣的且看看吧. 一.时间组件 bootstrap风格的时间组件非常多,你可以在github上面随便搜索“dat

Bootstrap组件之警告框

.alert--指明div元素为警告框组件: .alert-info..alert-danger..alert-warning..alert-success--给警告框设置情景效果: .alert-dismissible--提示该警告框组件为可关闭的: .close--设置按钮为可关闭: .alert-link--可以为链接设置与当前警告框相符的颜色: <!DOCTYPE html> <html lang="en"> <head> <meta