Question

我最近在学习语义ui，一切顺利，直到下拉菜单。这是代码：

render() {
    return (<div className="ui form">
                        <div className="field">
                            <div className="ui selection dropdown">
                                <input type="hidden" name="options"/>
                                <i className="dropdown icon"></i>
                                <div className="default text">Options</div>
                                <div className="menu">
                                    <div className="item">Option 1</div>
                                    <div className="item">Option 2</div>
                                </div>
                            </div>                                                                          
                        </div>
                    </div>);
}

除了react和semantic-ui之外，我没有使用任何css或库，它只显示一个无法点击的下拉菜单，对它有任何想法吗？

Answer 1

来自Semantic UI docs：

任何初始化为下拉列表的select元素也将被隐藏，直到Javascript可以创建HTML，这是为了避免无格式内容的闪烁，以及元素高度调整页面流的变化。

您必须添加以下javascript才能进行下拉工作

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

语义ui下拉菜单不起作用？

1 个答案: