在jquery加载后，Datepicker停止工作

Question

我正在使用带有输入

的jquery ui的datepicker

<input type="text" name="first_day" id="datepicker-first_day" class="input-text" />

和jquery

<script type="text/javascript">
    $(function() {
        $("#datepicker-first_day").datepicker({
            dateFormat: 'dd/mm/yy'
        });
    });
</script>

我有一个加载的页面，然后当点击一个链接时，它会加载包含以下内容的页面：

function load_page() {
    $('#load-page').load('pages/annual-leave/annual-leave', 'show=all');
}

日期选择器在第一次加载页面时工作但在调用load_page函数后它停止工作。

我已经确认两次都加载了jquery ui。

我已经通过堆栈溢出的答案尝试了以下内容

$(document).ready(function () {
    $("#datepicker-first_day").live("click", function () { $(this).datepicker(); });
});

（这个第一次没有工作）

我也尝试过.live等其他类似的东西，如.on等。

我尝试的任何东西似乎都没有用？

有没有人遇到类似问题或者知道为什么会这样？

我通过谷歌和堆栈溢出整天搜索了答案，但无法修复它。

编辑：值得注意的是，当页面最初加载时，它还使用了load_page函数。