在Bootstrap框架中查阅图灵计算机大词典:
data-toggle="dropdown":
n.数据柄-下拉菜单模块;
data-***=“***”又有何意义?
其主要功能作用——数据与模块进行联动:打开,切换,下拉,监听,触发,引入,输入,弹出,绑定,,关闭,删除,控制
或隐藏等等模块功能。
data-toggle即作为数据柄栓媒介把其后面"dropdown"下拉菜单添加切换到诸如按钮button等页面元素上,起到联动中介,点击下拉作用。
以下举个案例:
【Eg1】
data-target="modal":
n.数据靶-模态对话框模块;
data-target
即作为数据靶子媒介把其后面"modal"
模态对话框添加切换到诸如按钮button等页面元素上,起到联动中介,点击打开作用。
【Eg2】
data-dismiss="alert";
n.数据解散-警告框模块;
data-dismiss
即作为数据解散删除X媒介把其后面"modal"
模态对话框添加切换到诸如按钮button等页面元素上,起到联动中介,点击删除/关闭作用。
【Eg3】
data-backdrop="
backdrop
";
n.数据背景-背景幕
模块;
data-dismiss
即作为数据背景
媒介把其后面"
backdrop
"
添加切换到诸如按钮button等页面元素上,起到联动中介,点击切换作用。背景幕
对话框
【Eg4】
data-spy="scroll";
n.数据监听-滚动条
模块;
data-
dismiss
即作为数据监听
媒介把其后面"scroll"
添加切换到诸如按钮button等页面元素上,起到联动中介,点击监听作用。滚动条
模块
【Eg5】
data-animation="animation"
;
n.数据动画-动画
模块;
即作为data-animation
媒介把其后面数据动画
"animation"
添加切换到诸如按钮button等页面元素上,起到联动中介,点击触发/引入作用。动画
模块
【Eg6】
data-loading-text="Loading..."
;
n.数据下载文本-下载
模块;
媒介把其后面
即作为ata-loading-tex
数据下载文本
"Loading..."
添加切换到诸如按钮button等页面元素上,起到联动中介,点击绑定作用。下载
模块
【Eg7】
data-slide="prev",向前
滑动
向后滑动
n.数据滑动-
轮播滑动
模块;
即作为data-slide
媒介把其后面数据滑动
"prev"/
"next"
添加切换到诸如按钮button等页面元素上,起到联动中介,点击滑动
轮播
模块
控制
轮播的位置作用。
【Eg8】
data-source="
;
"items
n.数据源-项目模块;
媒介把其后面
即作为data-source
数据源
"
items
"
项目
添加到诸如按钮button等页面元素上,起到联动中介,点击模块
输入
提示
输入框初始化作用。
.......不一而足