Bootstrap Dropdown没有切换,只是"显示"作品

时间:2017-06-06 18:08:47

标签: javascript jquery twitter-bootstrap razor

我正在使用bootstrap下拉包含一个包含按钮的div。 div出现了所有,我在下拉班中看到一类"打开"添加,下拉菜单的属性为" aria-expanded"设置为" true"。我很确定引导程序正在运行,但我遗漏了一些东西。 这是我的cshtml模板:

@using entryIconContent = Lifegunk.Engine.Resources.Components.EntryIcon
<div class="entry-icon-wrapper">
    <div class="entry-type"></div>
    <div class="dropdown actions-dropdown">
        <div class="dropdown-menu entry-icon-actions">
            <button class='change-btn btn btn-default'>
                <div class="entry-type"></div>
                <span>@entryIconContent.ChangeText</span>
            </button>
            <button class="move-btn btn btn-default">
                <div class="icon-move"></div>
                <span>@entryIconContent.MoveText</span>
            </button>
            <button class='go-btn btn btn-default'>
                <div class="icon-arrow-right"></div>
                <span>@entryIconContent.GoText</span>
            </button>
        </div>
    </div>
    <div class="dropdown entry-types-dropdown">
        <ul class='dropdown-menu'></ul>
    </div>
</div>

这是我的javascript代码片段,我在其中调用.dropdown()函数:

$entryTypeIcon.click(function () {
            if (isEditMode) {
                $entryTypesDropMenu.dropdown("toggle");
                renderEntryTypes();
            } else {
                $entryActionsDropdown.dropdown("toggle");
            }
            if ($entryTypesDropMenu.is(":visible")) {
                $entryTypesDropMenu.hide();
                $entryActionsDropdown.hide();
            }
        });//end $entryTypeIcon click handler

0 个答案:

没有答案