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 に答える