热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

data-toggle="dropdown"/data-target/data-dismiss/data-backdrop/data-spy/data-slide/data-source是什么意思?

在Bootstrap框架中查阅图灵计算机大词典:data-toggledropdown:n.数据柄-下拉菜单模块;data-***“***”又有何意义?其主要功能作用——数据与模块进行

在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",向前滑动

data-slide="next"向后滑动

n.数据滑动-滑动轮播模块;

data-slide即作为数据滑动媒介把其后面"prev"/"next"滑动轮播模块添加切换到诸如按钮button等页面元素上,起到联动中介,点击控制轮播的位置作用。

【Eg8】

data-source="items"

n.数据源-项目模块;

data-source即作为数据源媒介把其后面"items"项目模块添加到诸如按钮button等页面元素上,起到联动中介,点击输入提示输入框初始化作用。


不一而足.......



推荐阅读
  • android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • 本文介绍了一款名为TimeSelector的Android日期时间选择器,采用了Material Design风格,可以在Android Studio中通过gradle添加依赖来使用,也可以在Eclipse中下载源码使用。文章详细介绍了TimeSelector的构造方法和参数说明,以及如何使用回调函数来处理选取时间后的操作。同时还提供了示例代码和可选的起始时间和结束时间设置。 ... [详细]
  • 本文介绍了pack布局管理器在Perl/Tk中的使用方法及注意事项。通过调用pack()方法,可以控制部件在显示窗口中的位置和大小。同时,本文还提到了在使用pack布局管理器时,应注意将部件分组以便在水平和垂直方向上进行堆放。此外,还介绍了使用Frame部件或Toplevel部件来组织部件在窗口内的方法。最后,本文强调了在使用pack布局管理器时,应避免在中间切换到grid布局管理器,以免造成混乱。 ... [详细]
  • Spring特性实现接口多类的动态调用详解
    本文详细介绍了如何使用Spring特性实现接口多类的动态调用。通过对Spring IoC容器的基础类BeanFactory和ApplicationContext的介绍,以及getBeansOfType方法的应用,解决了在实际工作中遇到的接口及多个实现类的问题。同时,文章还提到了SPI使用的不便之处,并介绍了借助ApplicationContext实现需求的方法。阅读本文,你将了解到Spring特性的实现原理和实际应用方式。 ... [详细]
  • FeatureRequestIsyourfeaturerequestrelatedtoaproblem?Please ... [详细]
  • iOS Swift中如何实现自动登录?
    本文介绍了在iOS Swift中如何实现自动登录的方法,包括使用故事板、SWRevealViewController等技术,以及解决用户注销后重新登录自动跳转到主页的问题。 ... [详细]
  • 纠正网上的错误:自定义一个类叫java.lang.System/String的方法
    本文纠正了网上关于自定义一个类叫java.lang.System/String的错误答案,并详细解释了为什么这种方法是错误的。作者指出,虽然双亲委托机制确实可以阻止自定义的System类被加载,但通过自定义一个特殊的类加载器,可以绕过双亲委托机制,达到自定义System类的目的。作者呼吁读者对网上的内容持怀疑态度,并带着问题来阅读文章。 ... [详细]
  • 如何在HTML中获取鼠标的当前位置
    本文介绍了在HTML中获取鼠标当前位置的三种方法,分别是相对于屏幕的位置、相对于窗口的位置以及考虑了页面滚动因素的位置。通过这些方法可以准确获取鼠标的坐标信息。 ... [详细]
  • Netty源代码分析服务器端启动ServerBootstrap初始化
    本文主要分析了Netty源代码中服务器端启动的过程,包括ServerBootstrap的初始化和相关参数的设置。通过分析NioEventLoopGroup、NioServerSocketChannel、ChannelOption.SO_BACKLOG等关键组件和选项的作用,深入理解Netty服务器端的启动过程。同时,还介绍了LoggingHandler的作用和使用方法,帮助读者更好地理解Netty源代码。 ... [详细]
  • 本文详细介绍了Android中的坐标系以及与View相关的方法。首先介绍了Android坐标系和视图坐标系的概念,并通过图示进行了解释。接着提到了View的大小可以超过手机屏幕,并且只有在手机屏幕内才能看到。最后,作者表示将在后续文章中继续探讨与View相关的内容。 ... [详细]
  • C#多线程解决界面卡死问题的完美解决方案
    当界面需要在程序运行中不断更新数据时,使用多线程可以解决界面卡死的问题。一个主线程创建界面,使用一个子线程执行程序并更新主界面,可以避免卡死现象。本文分享了一个例子,供大家参考。 ... [详细]
  • 本文总结了在编写JS代码时,不同浏览器间的兼容性差异,并提供了相应的解决方法。其中包括阻止默认事件的代码示例和猎取兄弟节点的函数。这些方法可以帮助开发者在不同浏览器上实现一致的功能。 ... [详细]
  • 本文整理了Java中org.gwtbootstrap3.client.ui.Icon.addDomHandler()方法的一些代码示例,展示了Icon.ad ... [详细]
  • javascript  –  RTL布局中的bootstrap datepicker无法正常工作
    RTL布局中的bootstrapdatepicker工作不正常,我正在使用这个bootstrapdatepickerhttp:bootstrap-datepicker.readth ... [详细]
  • 本文由编程笔记#小编为大家整理,主要介绍了css回到顶部按钮相关的知识,希望对你有一定的参考价值。 ... [详细]
author-avatar
手机用户2602906131
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有