2

我正在做一个项目，其中我也在使用 LUMX、Angular-UI 和 Bootstrap

我面临的问题是我的下拉菜单在这里不起作用是代码片段。

<li class="dropdown" dropdown on-toggle="toggled(open)">
        <a href class="dropdown-toggle" dropdown-toggle>
            <i class="ti-world"></i> {{language.selected}}
        </a>
        <ul role="menu" dropdown-menu class="dropdown-menu dropdown-light fadeInUpShort">
            <li ng-repeat="(localeId, langName) in language.available">
                <a ng-click="language.set(localeId, $event)" href="#" class="menu-toggler">
                    {{langName}}
                </a>
            </li>
        </ul>
    </li>

如果我将删除 index.html 中的 lumx.js，它将开始工作。但 lumx 的下拉仍然不起作用。

<div flex-item>
    <lx-select ng-model="selects.selectedCategory" placeholder="Select Category" choices="categories" floating-label>
                            <lx-select-selected>
                                {{ $selected.name }} - {{ $selected.id }}
                            </lx-select-selected>

                            <lx-select-choices>
                                {{ $choice.name }} - {{ $choice.id }}
                            </lx-select-choices>
                        </lx-select>
                    </div>
4

1 回答 1

3

我找到了解决方案。lumx.css 和 angular-ui.css 的下拉类相互冲突。

我删除

.dropdown{
 }

来自 lumx.css 的 css 现在我的 angular-ui 下拉菜单开始工作了。

于 2015-09-15T06:44:38.933 回答