jQuery .load with select2

Question

我正在使用 JQuery.load 将其他页面打开到模态

function LoadModal(page, title) {
    title = title || '';

    $( "#modal_page" ).fadeIn("slow");
    $( "#modal_title" ).html(title);

    $("#modal_page_body").html('<h2 align="center">Loading...</h3><p align="center"><i class="fa fa-refresh fa-spin fa-5x"></i></p>');
    $("#modal_page_body").load(page, function(){

    });
    $("html, body").animate({ scrollTop: 0 }, "slow");
}

我在这里称呼它：

<a href="#" onClick="LoadModal('/section/helpdesk/newticket', 'New Ticket');" title="New Ticket"><i class="fa fa-ticket"></i></a>

我正在使用 select2 库 (select2.github.io)，它在我的主页上运行良好（index.php 等），但它不适用于弹出模式 div（使用 JQuery .load)

其他 JQuery 函数工作正常，例如 .autocomplete - 工作正常

Answer 1

在 load 的 complete 回调中，您需要调用 select2 初始化程序。它不会自动调用动态内容：-

$("#modal_page_body").load(page, function(){
    $('#new_select').select2();
});

jQuery .load with select2

jQuery .load with select2

jquery

jquery-select2