2016-02-22 46 views
1

我正嘗試構建自己的Javascript模式。我遇到的問題是我使用ajax加載html並追加到頁面上的模式。但是,通過這樣的JavaScript並不模態中運行:Ajax將html加載到頁面上並使用頁面js不工作

$.ajax({ 
    url: path, 
    method: 'GET', 
    async: true, 
    success: Delegate.create(this, function(data) { 
     $.getScript("/public/js/main.js"); 
     return $(this.$modal).append(data); 
    }) 
}); 

當請求是由腳本追加,我已經裝到模式的HTML。我的問題是,即時追加到頁面的HTML包含一個表單,然後我需要驗證與JavaScript。但是,JavaScript不能在我已經加載到模態的HTML上工作。

有關如何解決此問題的任何想法?

我嘗試過使用$.getScript(),但腳本在頁面上運行兩次。

感謝

+0

請說明您的具體問題或添加額外的細節,突顯正是你需要的。正如目前所寫,很難確切地說出你在問什麼。 –

+0

任何JS需要在父頁面中執行,而不是加載頁面。因此,在您的ajax成功後,將這個js帶到parent並運行該函數。 – colecmc

回答

1

你[R問題是主要的頁面JS已加載並執行這樣一旦有什麼結合。因此,對成功也許是一個函數調用添加到初始化,然後將表格JS:

$.ajax({ 
    url: path, 
    method: 'GET', 
    async: true, 
    success:function(data) { 
     $(this.$modal).append(data); 

     //-- call the form js 
     theFormData(); 
    }) 
}); 

function theFormData(){ 
    //-- add your code here, this should now be able to bind to your form as it 
    //-- has something to hook onto 
} 

這種類型的東西....

相關問題