javascript - 物化 CSS : How to prevent default behaviour for Collapsibles?

Question

我想在导入过程中的步骤中使用 Materialize CSS 可折叠列表。下一步的详细信息只有在第一步完成时才可见，所以我想禁用点击时折叠面板并在第一步完成时手动触发事件。

我试过 onclick="return false;" 但它不起作用。

还有其他想法吗？

Answer 1

关闭可折叠的事件处理程序。如果您想要默认光标，请将 css 属性“pointer-events”设置为“none”。

var $panel_headers = $('.collapsible').find('> li > .collapsible-header');
$('.collapsible').off('click.collapse', '.collapsible-header');
$panel_headers.off('click.collapse').css('pointer-events', 'none');

然后您可以通过将“display”属性设置为“block”来显示面板；

$('.collapsible-body').css('display', 'block');

此示例适用于您页面上的所有可折叠项目以进行演示。

修改选择器以操纵特定的可折叠物。