Ajax Script won't load data-toggle下拉菜单

Ajax Script won't load data-toggle dropdown

本文关键字：load data-toggle 下拉菜单 Script won Ajax      更新时间：2023-09-26

我的ajax脚本没有加载我的bootstrap/data-toggle下拉功能，请帮助，谢谢。

我的ajax: 

function load(parameter,id)
{
$.ajax({ type: "POST", url: 'php/ajax.php', data: parameter, 
        success: function(data) 
            {
            $('#'+id).html(data);
            },
        error: function()
            {
                alert('error');
            }
        });
};

ajax.php: 

echo "<table class='"table no-margin'" >
        <tr class='"info'" >
            <td align='"left'"><b> Filename </b></td>
            <td align='"center'" width='"55px'" style='"vertical-align: middle;'" >00:00</td>
            <td align='"right'"  width='"55px'" style='"vertical-align: middle;'">
                <div class='"btn-group'">
                    <div data-toggle='"dropdown'" class='"btn btn-default btn-xs dropdown-toggle'">
                        <i class='"fa fa-wrench'"></i>
                        <span class='"caret'"></span>
                    </div>
                    <ul class='"dropdown-menu pull-right'">
                        <li><a><i class='"fa fa-user'"></i> User </a></li>
                        <li><a href='"javascript:edit('this  is  a test');'" id='"0'"><i class='"fa fa-pencil-square-o'"></i> Edit</a></li>
                        <li><a href='"#'"><i class='"fa fa-download'"></i> Download</a></li>
                        <li><a href='"#'"><i class='"fa fa-trash-o'"></i> Delete</a></li>
                    </ul>
                </div>
            </td>
        </tr>
    </table>";

下拉菜单不起作用，这一行:

<div data-toggle='"dropdown'" class='"btn btn-default btn-xs dropdown-toggle'">

你动态创建的Dom还没有在bootstrap js中被解析。所以可能你应该在创建一个新的引导插件后声明像$('.dropdown-toggle').dropdown()。

相关文章：