2015-12-17 65 views
1

我使用JQuery .load打開其他頁面轉換成一個模式jQuery的.load與選擇2

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> 

我使用的是選擇2庫(選擇2。 github.io)它可以在我的主頁(index.php等)上正常工作,但它不能用於彈出模態div(當使用JQuery .load時)

其他JQuery函數正常工作,如.autocomplete正常工作

+0

完整路徑'的baseUrl +節/服務檯/ newticket' –

+0

裏面的「」或外面試試? baseurl +'或'baseurl +' – charlie

+0

或者我應該加入函數.load(baseurl + page) – charlie

回答

1

裏面的complete回調load你需要調用select2初始值設定項。它不會自動被調用的動態內容: -

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