Menu

调光器
调光器隐藏干扰,将注意力集中在特定content上

下载

类型

调光器

一个简单的调光器不显示任何content

/ /左按钮 $('.段”).调光器(显示); / /右按钮 $('.段”).调光器(“隐藏”);
当在一个元素上触发调光行为时,将自动创建调光器.

Overlayable节

Overlayable节

content调光器

调光器可以显示content

2.3
带有content的调光器现在只需要一次包装 content 容器.

Overlayable节

黯淡的消息!

页面调光器

调光器可以被格式化以固定在页面上

你好
显示

活跃的

活动调光器将使其父容器变暗

禁用

已禁用的调光器无法激活

变化

变暗

模糊 新2.0

一个可调光的元素可以模糊它的content

对齐

垂直对齐 新2.3

调光器可以使其content顶部或底部对齐.

Title

添加
视图

Title

添加
视图

调光器

简单的调光器

调光器可以不用Javascript控制

让任何父元素接收类 ui可控变暗 会触发调光器显示吗.

倒调光器

调光器可以通过格式化使其颜色反转

Examples

调光器事件

调光器可以触发事件的可见性变化

$('.事件.Examples .图像') .调光器({ :“徘徊” }) ;

Title

添加
视图
添加
视图

加载器在调光器

调光器内的任何装载机都会自动使用适当的颜色来匹配

加载

使用

显示

您可以通过任意一个调用来显示调光器 .调光器(“显示”)或调光器本身. 如果您选择将可调光部分调暗,将自动创建调光器.

//这两个是一样的 $('.ui.可控”) .调光器(显示) ; $('.ui.变暗 .调光器”) .调光器(显示) ;

创建调光器

如果调光器在元素中不存在,它将在第一次使用时创建.

$('h4') .调光器(开关) ;

显示特定调光器

如果调光器已经在元素内部, 您可以调用调光部分或调光器本身的行为.

//如果页面上存在调光器,可以通过直接调用使其显示 $('.页面.调光器:第一”) .调光器(开关) ;

行为

下面的所有行为都可以使用该语法调用:

必须在最初初始化调光器的相同content上调用行为, 无论是 变暗 上下文,或 uiDimmer
$('.你的.元素”) .调光器('行为名称',argumentOne, argumentTwo) ;
行为 描述
添加content(元素) 从DOM中分离给定的元素,并在调光器中重新附加元素
显示 显示调光器
隐藏 隐藏了调光器
切换 切换当前调光器的可见性
设置不透明度(不透明) 改变不透明度调光器
创建 在可调光环境中创建一个新的调光器
得到时间 根据当前可见性返回当前显示或隐藏事件的持续时间
把调光器 返回调光器的DOM元素
有调光器 返回当前调光器是否有调光器
是活跃的 section的调光器是否有效
是动画 调光器是否正在动画
是调光器 当前元件是否调光器
是可控 当前元件是否为可调光段
是禁用的 调光器是否禁用
启用了 调光器是否未禁用
调光段是否为 body
调光器页 调光器是否是页调光器
设置活动 设置页面调光器为活动状态
设置可控 将一个元素设置为可调光区域
组变暗 将可调光区域设置为调暗
设置页面调光器 将当前调光器设置为页面调光器
设置禁用 将调光器设置为禁用状态

调光器

行为

默认的 描述
useFlex 真正的 调光器应该使用弯曲定位还是传统定位
变异 指定要在生成调光器时添加的变量,比如
调光器Name 如果初始化调光器 变暗 上下文,你可以使用 调光器Name 在这个背景下区分多个调光器.
可闭 汽车 是否单击调光器应隐藏调光器(默认为 汽车,仅当关闭 设置.on 不是 徘徊
on 可以设置为 徘徊 or 点击 在可调光事件中显示/隐藏调光器
useCSS 真正的 是否使用CSS过渡调暗调光器.
持续时间
持续时间:{ 显示:500年, 隐藏:500 }
调光动画持续时间. 如果使用整数,该值将应用于显示和隐藏动画.
过渡 褪色 命名过渡时使用的动画菜单进出. 淡入和滑下都是可用的,不包括 ui的转换

回调

上下文 描述
昂秀 变暗 元素显示的回调
onHide 变暗 元素隐藏的回调
onChange 变暗 元素显示或隐藏的回调

模块

这些设置对所有模块都是原生的, 并定义组件如何将content绑定到DOM属性, 以及调试模块的设置.

默认的 描述
名称空间 调光器 事件名称空间. 确保模块拆卸不会影响附加到元素的其他事件.
选择器
选择器:{ 特别注意:“.可控”, 调光器:“.ui.调光器”, content:“.ui.调光器 > .content, .ui.调光器 > .content > .中心” }
包含模块使用的选择器的对象.
template
模板:{ 调光器:函数(){ 返回$ ('
').attr(“类”、“uiDimmer”); } }
用于生成调光器content的模板
类名称
名称:{ 积极:“活跃”, 特别注意:“可控”, 暗了下来:“黯淡”, 禁用:“禁用”, 页面调光器:“页面”, 隐藏 : ' 隐藏的, 显示 : ' 秀”, 过渡:“过渡” }
用于将样式附加到状态的类名
The名字 调光器 调试日志的名称
沉默 关闭所有控制台输出,包括错误消息,而不考虑其他调试设置.
调试 提供标准的调试输出到控制台
性能 真正的 提供标准的调试输出到控制台
详细的 真正的 提供辅助调试输出到控制台
错误
错误:{ 方法:'你调用的方法没有定义.' }
控制台显示的错误消息

调光器的信息
调光器分联箱

友情链接: 1 2 3 4 5 6 7 8 9