DatePicker在函數內調用時不起作用

Question

我有這個奇怪的問題。我想初始化文件準備函數內部一個datepicker：

$(document).ready(fncInitialize); 

    function fncInitialize() { 
     fncBindControls(); 
    } 

    function fncBindControls() { 
     var objDate = $(this).find("input[data-datepicker='True']"); 
     objDate.datepicker(); 
    } 

的問題是，這並不工作。日期選擇器不起作用。幸運的是，當我重新定位元素：

function fncInitialize() { 
     var objDate = $(this).find("input[data-datepicker='True']"); 
     objDate.datepicker(); 
     fncBindControls(); 
    } 

    function fncBindControls() { 
    } 

此代碼的工作。但爲什麼？我只是把datepicker放在另一個可維護性函數上，但它不起作用。我真的需要將它放在文檔準備好的第一個功能中嗎？

Answer 1

問題是因爲在第二個函數中，你已經失去了this的範圍。你需要或者把它作爲一個參數：

$(document).ready(fncInitialize); 

function fncInitialize() { 
    fncBindControls(this); 
} 

function fncBindControls(el) { 
    var objDate = $(el).find("input[data-datepicker='True']"); 
    objDate.datepicker(); 
} 

，或者提供一個範圍，當你調用該函數：

function fncInitialize() { 
    fncBindControls.call(this); 
}