Twitter bootstrap 如何动态添加Twitter引导下拉列表项

我正在使用TwitterBootstrap在java脚本中动态添加下拉列表，但有些人认为下拉列表没有打开

下面是代码，下面是JSFIDLE

jQuery（文档）.ready（函数（）{
$（'.dropdown'）。在（'click'，'a[data toggle=“dropdown”]”上，函数（）{
如果（$（this）.children（）.length使用jQuery的“after”方法，而不是“append”。根据所需的引导标记。下拉菜单位于链接/按钮旁边，而不是其内部。完整代码：

jQuery(document).ready(function () {
    $('.dropdown').on('click', 'a[data-toggle="dropdown"]',
        function () {
            if ($(this).children().length <= 0) {
                $(this).after('<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel" >' + '<li><a href="#">Edit</a></li><li><a href="#">Report</a></li><li><a href="#">Delete</a></li></ul>');
                $(this).dropdown('toggle');
            }
        });
});

jQuery（文档）.ready（函数（）{
$（'.dropdown'）。在（'click'，'a[data toggle=“dropdown]”上，
函数（）{
如果（$（this）.children（）.length使用jQuery的“after”方法，而不是“append”。根据所需的引导标记。下拉菜单位于链接/按钮旁边，而不是其内部。完整代码：

jQuery(document).ready(function () {
    $('.dropdown').on('click', 'a[data-toggle="dropdown"]',
        function () {
            if ($(this).children().length <= 0) {
                $(this).after('<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel" >' + '<li><a href="#">Edit</a></li><li><a href="#">Report</a></li><li><a href="#">Delete</a></li></ul>');
                $(this).dropdown('toggle');
            }
        });
});

jQuery（文档）.ready（函数（）{
$（'.dropdown'）。在（'click'，'a[data toggle=“dropdown]”上，
函数（）{
如果（$（this）.children（）.length使用jQuery的“after”方法，而不是“append”。根据所需的引导标记。下拉菜单位于链接/按钮旁边，而不是其内部。完整代码：

jQuery(document).ready(function () {
    $('.dropdown').on('click', 'a[data-toggle="dropdown"]',
        function () {
            if ($(this).children().length <= 0) {
                $(this).after('<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel" >' + '<li><a href="#">Edit</a></li><li><a href="#">Report</a></li><li><a href="#">Delete</a></li></ul>');
                $(this).dropdown('toggle');
            }
        });
});

jQuery（文档）.ready（函数（）{
$（'.dropdown'）。在（'click'，'a[data toggle=“dropdown]”上，
函数（）{
如果（$（this）.children（）.length使用jQuery的“after”方法，而不是“append”。根据所需的引导标记。下拉菜单位于链接/按钮旁边，而不是其内部。完整代码：

jQuery(document).ready(function () {
    $('.dropdown').on('click', 'a[data-toggle="dropdown"]',
        function () {
            if ($(this).children().length <= 0) {
                $(this).after('<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel" >' + '<li><a href="#">Edit</a></li><li><a href="#">Report</a></li><li><a href="#">Delete</a></li></ul>');
                $(this).dropdown('toggle');
            }
        });
});

jQuery（文档）.ready（函数（）{
$（'.dropdown'）。在（'click'，'a[data toggle=“dropdown]”上，
函数（）{
如果（$（this.children（）.length）尝试使用$（'.dropdown menu'）。dropdown（'toggle'）；谢谢，它现在正在打开。但令人惊讶的是，关闭功能不起作用。我的意思是它永远留在那里。更新的jsfiddle尝试使用$（'.dropdown menu'）。dropdown（'toggle'））；谢谢，它现在正在打开。但令人惊讶的是，关闭功能不起作用。我的意思是它永远在那里。更新的JSFIDLE尝试使用$（'.dropdown menu'）。dropdown（'toggle'）；谢谢，它现在正在打开。但令人惊讶的是，关闭功能不起作用。我的意思是它永远在那里。更新的JSFIDLE尝试使用$（'.dropdown menu'）。dropdown（'toggle'））；谢谢，它现在正在打开。但令人惊讶的是，关闭功能不起作用。我的意思是它将永远留在那里。更新的JSFIDLE Ha感谢您向我指出这一点。这帮助我解决了问题issue@Bujji不用担心，很高兴我能帮上忙。哈，谢谢你告诉我这个。这帮我解决了问题issue@Bujji不用担心，很高兴我能帮上忙p、 哈，谢谢你指点我这个。这帮我解决了这个问题issue@Bujji不用担心，很高兴我能帮上忙。哈，谢谢你告诉我这个。这帮我解决了问题issue@Bujji不用担心，很高兴我能帮忙。