javascript - 如何使用 mdb.min.js 将选择框动态更改为 <ul><li>

标签 javascript jquery html bootstrap-4

我们已经为我们的项目提供了 HTML,他们正在使用 mdb.min.js转换每个 <select> 的库框标签为 <ul><li>格式。

当我们通过ajax在div元素中设置一段html代码时,问题就来了。在这种情况下,不会出现任何选择框,因为它没有转换为 <ul><li>格式。

有什么方法可以在 AJAX success 方法中动态调用该库的任何函数来转换所有选择框?

代码:

$(document).ready(function() {

$(".editConfiguration").click(function() {
    var cart = $(this).attr("data-cartid");
    $.ajax({

        type : 'GET',
        url : ACC.config.contextPath
                + '/configure/edit',
        data : 'cartId='+cart,
        beforeSend : function(xhr) {
        },
        success : function(response) {
            $("#configurationsettings").html(response);
        },
        error : function(resp) {
        }

    });
})

})

最佳答案

请尝试这个。

$(document).ready(function() {

$(".editConfiguration").click(function() {
    var cart = $(this).attr("data-cartid");
    $.ajax({

        type : 'GET',
        url : ACC.config.contextPath
                + '/configure/edit',
        data : 'cartId='+cart,
        beforeSend : function(xhr) {
        },
        success : function(response) {
            $("#configurationsettings").html(response);
            $("select").material_select();
        },
        error : function(resp) {
        }

    });
})

})

关于javascript - 如何使用 mdb.min.js 将选择框动态更改为 <ul><li>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49643658/

相关文章:

javascript - -webkit-box-shadow 无法使用 javascript 正确更改

javascript - 从对象内部对对象的函数设置间隔

html - 将粘性页脚放置在粘性标题下的固定左列旁边

javascript - 使用 Express 和 EJS 在 Node.js 中重新加载页面

javascript - 从 Div 获取图像文件名并复制到按钮悬停时的文本字段中

javascript - 可动态 - 每次页码更改时,记录都会附加到先前的列表中

html - 为什么只有一些 Bootstrap 字形图标有效

javascript - 无法正确使用 Jquery.load() 功能

javascript - 通过AJAX将PHP变量传递给另一个DIV中的PHP变量

javascript - 我如何通过 JavascriptCore 注入(inject)和使用这个 javascript 库 (web3)