jQWidgets jqxNavigationBar collapseAt()方法

以下是关于 jQWidgets jqxNavigationBar 组件中 collapseAt() 方法的详细攻略。

jQWidgets jqxNavigationBar collapseAt() 方法

jQWidgets jqxNavigationBar 组件的 collapseAt() 方法用于设置导航栏在哪个屏幕宽度自动折叠。

语法

$('#navigationbar').jqxNavigationBar('collapseAt', width);

参数

• width：一个数字，表示屏幕宽度。当屏幕宽度小于等于该值时，导航栏会自动折叠。

示例

以下两个示例演示如何使用 collapseAt() 方法。

示例 1

// 设置导航栏在屏幕宽度小于等于 768px 时自动折叠
$('#navigationbar').jqxNavigationBar('collapseAt', 768);

在示例 1 中，我们使用 collapseAt() 方法将导航栏在屏幕宽度小于等于 768px 时自动折叠。

示例 2

// 设置导航栏在屏幕宽度小于等于 1024px 时自动折叠
$('#navigationbar').jqxNavigationBar('collapseAt', 1024);

在示例 2 中，我们使用 collapseAt() 方法将导航栏在屏幕宽度小于等于 1024px 时自动折叠。

注意事项

• collapseAt() 方法用于设置导航栏在哪个屏幕宽度下自动折叠。
• 可以使用 jqxNavigationBar() 方法调用 collapseAt() 方法。
• collapseAt() 方法的参数 width 必须是一个数字。
• 当屏幕宽度小于等于 width 时，导航栏会自动折叠。

总之，collapseAt() 方法用于设置导航栏在哪个屏幕宽度下自动折叠。以上是两个示例，演示如何使用 collapseAt() 方法。