Question

我的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\">

Answer 1

您动态创建的Dom未在bootstrap js中解析。所以你可能应该在创建一个新的bootstrap插件之后声明$('.dropdown-toggle').dropdown()。

Ajax Script无法加载数据切换下拉列表

1 个答案: