语义UI边栏内的下拉菜单

我有一个基本上用作二级菜单的边栏。在这个侧边栏中，我需要实现一个下拉菜单，它将显示在灰暗的推送内容之上。语义UI边栏内的下拉菜单

我无法显示下拉菜单。点击下拉菜单（“选择语言”）会自动关闭边栏，并且不显示任何下拉菜单。

我的JS是这样的：

$('.context.example .ui.sidebar') 
    .sidebar({ 
    context: $('.context.example .bottom.segment'), 
    transition: 'push' 
    }) 
    .sidebar('attach events', '.context.example .menu .item') 
; 

$('ui.dropdown').dropdown();

完整的例子就是在这个jsFiddle。

如何确保侧栏不会在点击时关闭，并且下拉显示在灰暗的推送内容之上？

非常感谢提前！

来源

2016-01-10 Tench

您需要将侧边栏动作事件附加到顶部附加菜单项，而不是选择所有菜单项。和初始化下拉为

$('.ui.dropdown').dropdown();

将事件附加到顶部菜单按钮，

$('.context.example .ui.sidebar') 
    .sidebar('attach events', '.context.example .context.example .top.attached.menu .item')

同时添加这种风格

.ui.sidebar { 
    overflow: visible !important; 
}

这里是Fiddle

来源

2016-01-14 13:22:35

语义UI边栏内的下拉菜单

回答

相关问题