动态添加引导程序下拉列表不起作用

Question

在我的html页面中，我需要进行ajax调用，并根据响应我需要添加多个下拉菜单。

但我的下拉不起作用。 下面是ajax调用成功加载代码

success : function(json) {
             var json_obj = null,contenttb='';
             json_obj =$.parseJSON(json.datas);

            for (var i in json_obj)
            {                    
                 // start
                contenttb += '<tr><td class="dropdown user-menu">';
                contenttb += '<button class="btn dropdown-toggle btn-primary" data-toggle="dropdown"><i class=" icon-ellipsis-vertical"></i> Actions</button>';
                contenttb += '<ul class="dropdown-menu"><li><a data-toggle="modal" href="#lead_update" class="lead_update_data"  data-id="' + json_obj[i].id + '" data-first_name="' + json_obj[i].First_Name + '"  > Edit Lead</a></li>';

                contenttb += '<li><a data-toggle="modal" href="#open_popup" class="open" data-lead_id="' + json_obj[i].id + '"  >Open</a></li>';
                contenttb += '<li><a data-toggle="modal" href="#tasklist" class="tasklist"  data-id="' + json_obj[i].id + '">Tasks</a></li>';
                contenttb += '</ul></td></tr>';
                //end
            }
           $('#result2').html(contenttb);

}

内容被加载到“result2”div。

但是当我点击每行上的操作按钮时，下拉列表无效。

我甚至试图打电话

 $("button.dropdown-toggle").dropdown();

加载内容后。但没有变化