根据所选菜单项更改菜单侧边栏 - Semantic UI & JQuery

Question

我想使用语义UI根据所选菜单显示不同的侧边栏

我已经尝试了一种方法，但它似乎不起作用。代码笔链接

在这里，我有 2 个侧边栏菜单项，如果我在菜单内，我需要显示"first_sidebar"First"，如果我在"Second"内，我需要显示"second-sidebar"。

谢谢！

Answer 1

您正在尝试使用 jQuery 将侧边栏显示为普通 HTML 元素，使用 $("div.second_sidebar").hide() 和 $("div.first_sidebar").show() 。

但是，由于侧边栏是使用.sidebar()方法初始化的语义 UI 元素，因此您应该使用相同的方法来显示和隐藏侧边栏，例如：

$("div.second_sidebar").sidebar('hide');
$("div.first_sidebar").sidebar('show');

参考资料在这里：https://semantic-ui.com/modules/sidebar.html#/usage