JavaScript/jQuery在裝載有Ajax的編輯器/顯示模板上不起作用

Question

我爲整個對象下線創建了編輯器和顯示模板。

現在，其中一個內部對象的文本框應該是日期選擇器。

事情是在初始加載後使用Ajax加載的，並且包含的​​腳本不起作用。

我想包括在模板底部下面的腳本，該腳本渲染，但不執行任何操作：

@Styles.Render("~/Content/themes/base/css") 
@Scripts.Render("~/bundles/jquerytimepicker") 

<script type="text/javascript"> 
    alert('dddddddddddddddddddddddddd'); 
    $('.time-picker').timepicker(); 
</script> 

在代碼abve我還添加了一個虛擬的警告只是爲了證明腳本ISN」這使問題變得更加簡單：「如何從模板和部分視圖運行腳本？」。

我試圖將腳本包含在外部頁面定義的部分中，但這不起作用，因爲模板和局部視圖不能包含設計部分（Read this）中的部分。

Answer 1

這是行不通的，因爲這高度的timepicker到HTML中的JS運行在的document.ready，但通過AJAX加載的內容後的document.ready

加載，所以你需要調用方法，重視Ajax請求完成後再次timepicker

你可以試試這個：

$(document).ajaxComplete(function(event, xhr, settings) { 
    alert('an ajax request completed'); 
    $('.time-picker').timepicker(); 
});