Javascript jQuery引导下拉列表不工作

我是jQuery新手，我已经为JavaScript安装了一个引导程序，用于使用下拉菜单。

我已经完成了所有的教程，但我无法让它工作
我正在使用小部件（聊天盒）内按钮中的下拉菜单，idk如何处理它，我花了2个多小时进行测试，但没有结果

下面是我用来创建下拉列表的代码部分：

uiChatboxTitlebarSettings = (self.uiChatboxTitlebarSettings = $('<div class="dropdown"></div>'))
.append('<a data-toggle="dropdown" href="#"></a>')
.addClass('ui-corner-all ' + 'ui-chatbox-icon2')
.attr('role', 'button')
.hover(function() {
    uiChatboxTitlebarSettings.addClass('ui-state-hover');
},
    function() {
        uiChatboxTitlebarSettings.removeClass('ui-state-hover');
    })
.click(function(event) {
    uiChatboxTitlebarSettings.dropdown();
    return false;
})
.on('show.bs.dropdown', function() {
    alert('dropdown created');
})
.appendTo(uiChatboxTitlebar),
uiChatboxSettingsDropdown = (self.uiChatboxSettingsDropdown = $('<ul class="dropdown-menu"  role="menu" aria-labelledby="dLabel"></ul>'))
.append('<li><a href="#"><span class="tab">Texto 1</span></a></li>')
.append('<li><a href="#"><span class="tab">Texto 2</span></a></li>')
.append('<li><a href="#"><span class="tab">Texto 3</span></a></li>')
.appendTo(uiChatboxTitlebarSettings),

uiChatboxTitlebarSettings=（self.uiChatboxTitlebarSettings=$（“”））
.append（“”）
.addClass（'ui-corner-all'+'ui-chatbox-icon2'）
.attr（'角色'，'按钮'）
.hover（函数（）{
uiChatboxTitlebarSettings.addClass（'ui-state-hover'）；
},
函数（）{
removeClass（'ui-state-hover'）；
})
。单击（功能（事件）{
uiChatboxTitlebarSettings.dropdown（）；
返回false；
})
.on（'show.bs.dropdown'，function（）{
警报（“已创建下拉列表”）；
})
.附录（uiChatboxTitlebar），
uiChatboxSettingsDropdown=（self.uiChatboxSettingsDropdown=$（'
））
.append（“
”）
.append（“
”）
.append（“
”）
.附录（uiChatboxTitlebarSettings），

我做错了什么

PS：我在一个小部件中使用它，使用jQueryUI和jQueryChatbox

屏幕截图，下拉菜单由齿轮图标调用

---

你能把它放进代码笔或jsbin吗。很难说是什么相关资源影响了你。你修改了实际的引导文件吗？我在引导中没有任何修改过的文件。我正在使用jQuery、jQueryUI、jQueryChatboxWidget和引导程序。我认为通过小部件安装jsbin是很困难的。^添加这些资源实际上非常简单。只需从我帮助维护的CDNJS链接到它们；）请参阅此博客文章以帮助您：