首页
学习
活动
专区
圈层
工具
发布

Jump Start Bootstrap 第4章

Bootstrap已经完全修改了复选框(checkbox)的显示。它们现在看起来是一组Bootstrap按钮。因为它们是复选框,所以我可以选中选项1和选项3。...它是用来显示对话框提示的最佳插件之一,例如警告和确认对话框。您还可以使用它来展示一个更大的图像版本,显示一长串的术语和条件,或者显示注册/登录表单。...如果您在浏览器中检查前面的模式对话框代码片段,则将一无所获;模式对话框是隐藏的。...现在我们准备好使用我们的模式对话框了。点击按钮,查看浏览器中的模式对话框,如图所示。 ? ? 模式对话框的放置 模式对话框必须放在文档的顶层位置,以防止与其他组件发生冲突。...show属性用于通过JavaScript切换模式的可见性。当设置为true时,模式对话框将自动显示,不需要单击任何句柄元素。

32.2K40
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    探索 JQuery EasyUI:构建简单易用的前端页面

    lines: 设置是否显示节点之间的连接线。 checkbox: 设置是否显示节点前的复选框。 cascadeCheck: 设置是否级联勾选子节点。 onSelect: 设置节点被选中时的回调函数。...$(function(){ // 初始化树形菜单 $('#tt').tree({ checkbox: true, // 显示复选框...我们还设置了显示复选框,并且当节点被选中时弹出一个提示框显示被选中节点的文本内容。...mode: 设置组合框的模式,可以是 ‘local’(本地模式)或 ‘remote’(远程模式)。 editable: 设置是否可以编辑文本框。 3.7.2 使用示例 的数据源 URL 地址为 “data.json”,并且指定了值字段为 “id”,显示字段为 “name”,使用远程模式加载数据,同时禁止编辑文本框。

    1.4K10

    前端开发必备之Chrome开发者工具(上篇)

    本文介绍的 Chrome 开发者工具基于 Chrome 65版本,如果你的 Chrome 开发者工具没有下文提到的那些内容,请检查下 Chrome 的版本 简介 Chrome 开发者工具是一套内置于 Google...通过该视图控件,你可以设定下面两种模式: 自适应。 使视口可以通过任意一侧的大手柄随意调整大小 特定设备。...启用 Ancestors 复选框时查看祖先实体事件侦听器,即除了当前选定节点的事件侦听器外,还会显示其祖先实体的事件侦听器 启用 Framework listeners 复选框时查看框架侦听器,DevTools...打开包含您想要调试的代码行的文件。 找到该代码行。 右键点击左边的行号。 选择添加条件断点。代码行下面会显示一个对话框。 在对话框中输入你的条件。 按Enter激活断点。行号上出现橙色图标。 ?...DevTools显示事件类别的列表,例如动画。 选中这些类别中的一个可以暂停该类别的任何事件,或者展开类别并检查特定事件。 ?

    10K111

    为什么 Google PageSpeed 等级分值不重要?

    如果您试图获得完美的成绩,则通过实施Google PageSpeed提出的所有建议,您将很快失去理智。...您不能从字面上接受Google PageSpeed的所有建议,因为有时它们是不切实际或不可能的。 例如,它可能会告诉您缩小或添加过期标头到不在您的网站上托管的文件。这是不可能的。...如果启用了这些选项,但仍看到“渲染阻止资源”通知,则可能是由于启用了WP Rocket的JS延迟安全模式。 “安全模式”的要点是兼容性,它排除了jQuery的延迟。...在这些情况下,如果您决定禁用它以使PageSpeed满意,请确保在注销的窗口中仔细检查您的网站,以确保没有显示/功能问题。同样的情况适用于您可能需要排除以防止出现问题的任何其他JS脚本。...激活“优化CSS交付设置”复选框时,将在后台为您的网站生成关键CSS,并在下一页加载时添加。之后,CSS将异步加载到您的站点上。

    70620

    JQuery Ztree 树插件配置与应用小结

    设置 zTree 的节点上是否显示 checkbox / radio 默认值: false 参数值:true / false 分别表示 显示 / 不显示 复选框或单选框 setting 举例:需要显示...方法中输入的 newNodes 数据是否采用简单数据模式 (Array) 不需要用户再把数据库中取出的 List 强行转换为复杂的 JSON 嵌套格式 默认值:false 参数:true / false...2、需要首先加载 jquery-1.4.2.js 或其他更高版本的 jQuery 。...属性下); 2、如需遍历全部节点需要利用递归,或利用 transformToArray 方法 将数据变成简单的 Array 集合 3、对于异步加载模式下,尚未加载的子节点是无法通过此方法获取的。...= { view: { selectedMulti: false }, check: { enable: true, // 表示显示复选框或单选框 chkStyle:'checkbox'

    7.8K40

    AWT常用组件

    对话框是可以独立存在的顶级窗口, 因此用法与普通窗口的用法几乎完全一样,但是使用对话框需要注意下面两点: 注意事项 对话框通常依赖于其他窗口,就是通常需要有一个父窗口; 对话框有非模式(non-modal...)和模式(modal)两种,当某个模式对话框被打开后,该模式对话框总是位于它的父窗口之上,在模式对话框被关闭之前,父窗口无法获得焦点。...接下来,创建了两个Button对象,分别用来触发显示对话框的操作。第一个按钮是"modal",点击后会显示第一个对话框,第二个按钮是"no modal",点击后会显示第二个对话框。...然后,设置了两个对话框的大小和位置。 接着,给两个按钮绑定了监听器,当按钮被点击时,对应的对话框会显示出来。在监听器的实现中,调用对话框的setVisible(true)方法显示对话框。...最后,将两个按钮添加到窗口的布局中,并设置窗口的最佳大小并可见。 这样,运行程序后,会显示一个窗口和两个按钮,点击按钮会显示对应的对话框。

    1.4K10

    程序员都会的 35 个 jQuery 小技巧

    12.预加载图片 如果你的页面中使用了很多不可见的图片(如:hover 显示),你可能需要预加载它们: $.preloadImages = function () {  for (var i = ...16.禁用 input 字段 有时你可能需要禁用表单的 submit 按钮或者某个 input 字段,直到用户执行了某些操作(例如,检查“已阅读条款”复选框)。...,并把要移除的属性作为参数传入: $('input[type="submit"]').removeAttr('disabled'); 17.阻止链接加载 有时你不希望链接到某个页面或者重新加载它...中经常使用的动画效果,它们可以使元素显示效果更好。...引用Google主机上的Jquery类库 Let Google host the jQuery script for you. This can be done in 2 ways.

    2.9K00

    网络抓包工具 wireshark 入门教程

    设置数据抓取选项 点击常用按钮中的设置按钮,就会弹出设置选项对话框。在这个对话框中我们可以选中需要监听的接口,设置混杂模式,设置抓取数据包的过滤条件。如下图: 首先,选中需要监听获取数据包的接口。...接口列表区列出了所有可以使用的接口。如果接口前面的复选框被选中,说明对这个接口监听捕获数据包。 其次,设置混杂模式。设置混杂模式的作用是将网卡设置到混杂模式。...如果不设置混杂模式,你的计算机只能获取数据包发往的目标是你计算机和从你计算机出去的数据包。如果设置了混杂模式,你就可以捕获局域网中所有的数据包。...如果窗口中的 “Use promiscuous mode on all interfaces”前面的复选框被选中,说明对所有的接口使用混杂模式。...如果想单独设置,可以双击接口列表中的接口,会弹出如下的对话框。然后选中或者去掉“Capture packets in promiscuous mode”前面复选框。然后点ok按钮。

    5.7K11

    网络抓包工具 wireshark 入门教程

    设置数据抓取选项 点击常用按钮中的设置按钮,就会弹出设置选项对话框。在这个对话框中我们可以选中需要监听的接口,设置混杂模式,设置抓取数据包的过滤条件。如下图: 首先,选中需要监听获取数据包的接口。...接口列表区列出了所有可以使用的接口。如果接口前面的复选框被选中,说明对这个接口监听捕获数据包。 其次,设置混杂模式。设置混杂模式的作用是将网卡设置到混杂模式。...如果不设置混杂模式,你的计算机只能获取数据包发往的目标是你计算机和从你计算机出去的数据包。如果设置了混杂模式,你就可以捕获局域网中所有的数据包。...如果窗口中的 "Use promiscuous mode on all interfaces"前面的复选框被选中,说明对所有的接口使用混杂模式。...如果想单独设置,可以双击接口列表中的接口,会弹出如下的对话框。然后选中或者去掉“Capture packets in promiscuous mode”前面复选框。然后点ok按钮。

    2.2K10

    java学习之路:32.史上最全的Swing常用组件

    这是基础代码,创建一个空白窗体,为了文章不臃肿,我就只列出一次。...JComboBox 代表Swing下拉列表框,可以在下拉显示区域显示多个选项 JFrame 代表Swing的框架类 JDialog 代表Swing版本的对话框 JLabel 代表Swing中的标签组件...JCheckBox(Action a) 创建一个复选框,其中的属性取自提供的操作。 1.创建一个最初未选中的复选框按钮,该按钮没有文本,也没有图标。...JDialog(Frame owner, boolean modal) 以空标题和指定的模式和框架作为其所有者创建对话框。...JDialog(Frame owner, String title, boolean modal) 创建具有指定标题、所有者框架和模式的对话框。 1.创建具有指定标题、所有者框架和模式的对话框。

    8.6K32

    Eclipse使用入门教程

    2.4快速修正代码错误 在Eclipse的编辑器中编写代码以及编译后会显示检查出来的错误或者警告并在出问题的代码行首的隔条上显示红色的灯泡。...和*这样的通配符来模糊查找,对话框下面的列表中将会显示匹配的类文件,选中列表中显示的单个或者多个类定义来打开它。...要显示行号,可以展开节点General -> Editors -> Text Editors,在右侧的设置中选中复选框 Show line numbers即可。...如图所示: [这里写图片描述] 图 3.22 显示行号 显示了行号的编辑器如下所示: [这里写图片描述] 图 3.23 显示了行号的编辑器 要修改编辑器的字体,可以选择Preferences对话框的General...注:因为 Link 方式的文件依赖于文件系统的绝对路径,因此不建议使用这种方式来把你的项目打包发给别人来使用。

    1.8K00

    Eclipse使用入门教程

    2.4快速修正代码错误 在Eclipse的编辑器中编写代码以及编译后会显示检查出来的错误或者警告并在出问题的代码行首的隔条上显示红色的灯泡。...和*这样的通配符来模糊查找,对话框下面的列表中将会显示匹配的类文件,选中列表中显示的单个或者多个类定义来打开它。...要显示行号,可以展开节点General -> Editors -> Text Editors,在右侧的设置中选中复选框 Show line numbers即可。...如图所示: 图 3.22 显示行号 显示了行号的编辑器如下所示: 图 3.23 显示了行号的编辑器 要修改编辑器的字体,可以选择Preferences对话框的General ->...注:因为 Link 方式的文件依赖于文件系统的绝对路径,因此不建议使用这种方式来把你的项目打包发给别人来使用。

    3.2K20

    Mysql Workbench使用教程

    注意:一定要安装和MySql对应的版本,要不然安装后连接不上服务器,提示外部组件异常; 打开Workbench,主页面上点击要connect的连接。...在查看数据表的对话框中,Info 标签显示了该数据表的表名、存储引擎、列数、表空间大小、创建时间、更新时间、字符集校对规则等信息,如下图所示。...主键约束 当勾选PK复选框时,该列就是数据表的主键;当取消勾选 PK 复选框时,则取消该列的主键约束。...外键的约束模式: 1.set null: 闲置模式 主表记录被删除或者更改,从表相关记录的外键置为null;...非空约束 勾选 NN 复选框时,该列为数据表的非空约束; 取消勾选 NN 复选框时,则取消该列的非空约束。

    10.1K41

    软件易用性测试_易用性测试包含界面测试吗

    控件准则 1)窗口通用准则 2)菜单通用准则 3)按钮通用准则 4)复选框、选项框、下拉列表通用准则 5)工具栏通用准则 6)状态条、滚动条通用准则 7)对话框通用准则 4....直观性 用户界面是否洁净、不唐突、不拥挤。 菜单或者窗口是否深藏不漏。 系统反馈的提示信息是否在最显眼的地方出现。 界面的组织和布局合理。 用户能否轻松地从一个功能转到另一个功能。...4)复选框、选项框、下拉列表通用准则 a:复选框和选项框按选择几率的高低而先后排列。 b:复选框和选项框要有默认选项,并支持Tab选择。 c:选项数相同时,多用下拉选项框而不用选项框。...2)内容要求 a:文档精确描述了系统各种使用模式。 b:文档的内容和索引精确完整,超链接精确完整。 c:采用的杨丽sample、演示demo精确并与实际程序一致。...本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    1.5K50

    EXCEL的基本操作(十二)

    一、审核和更正公式中的错误 1.1 打开错误检查规则 ①在“文件”选项卡中单击“选项”按钮,打开"Excel选项”对话框。在左侧类别列表中单击“公式”。 ②在对话框右侧的“错误检查规则"区域中。...根据需要选中或清除某一检查规则的复选框。 ③设置完成后单击“确定”按钮。 1.2 检查公式中的错误 ①选择要进行错误检查的工作表。 ②在“公式”选项卡的“公式审核”组中单击“错误检查”按钮。...②在“公式”选项卡的“公式审核”组中单击“监视窗口”按钮,弹出“监视窗口”对话框。 ③单击“添加监视”按钮,弹出“添加监视点”对话框,可以重新选择监视单元,单击“添加"按钮。...③继续检查并更正循环引用,直到状态栏中不再显示“循环引用”一词 2.2 更改Excel 迭代公式的次數使循环引用起作用 ①在发生循环引用的工作表中,依次单击“文件”选项卡一“选项"一公式”。...②在“计算选项”区域中,单击选中“启用迭代计算"”复选框。 ③在“最多迭代次数”框中输人进行重新计算的最大迭代次数。迭代次数越高Exelt算作表所需的时间越长。

    1.8K20
    领券