引导下拉列表动态 ajax 列表项

Bootstrap Dropdown dynamic ajax list items

本文关键字:列表 ajax 动态 下拉列表      更新时间:2023-09-26

我使用引导下拉列表,我正在尝试在显示下拉列表之前通过 AJAX 动态填充列表项。我的脚本必须从数据库中获取可用项目并将它们插入

    /p>

    我阻止默认事件,执行ajax并在之后触发,但是"数据"未定义,并且没有看到下拉列表。像这样的脚本通常可以正确处理表单。

        $(".dropdown").on("show.bs.dropdown", function(e, data){
        ths = $(this);
        if (data == 'okay') return true;
        e.preventDefault();
        $.ajax({
            type: 'POST',
            url: '/core/test.php',
            data: 'test'
        }).done(function(response) {
            $(ths).children('ul').html(response);
            $(ths).trigger('click.bs.dropdown', 'okay');
        });
    });
    

    .html:

    <div class="dropdown">
       <a data-toggle="dropdown" 
          class="btn dropdown-toggle">My list <b class="caret"></b>
       </a>
       <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
          ...data from ajax puts here...
       </ul>
    </div>
    

    我该如何解决它?谢谢。

    引导事件不传递参数,在您的代码中,您希望同时edata
    您应该检查ul是否已经有孩子,如果没有获取一些并附加它们。