PrettyPhoto与DatePicker结合使用。显示正常但无法正常工作

Question

我正在使用 Pretty Photo v3.1.3 和 jQuery UI v1.8.17

我正在使用漂亮的照片显示我的页面中的内嵌内容：

<a rel = "pretty" onClick = "prepareProblemForm()" href = "#form" title = "" >Form</span></a>
//...
<div id = "form-details" style = "display: none;"></div>
//...
<script type="text/javascript" charset="utf-8">
    $(document).ready(function(){
        $("a[rel^='pretty']").prettyPhoto();
    });
</script>

由prepareProblemForm()插入的代码部分将与PrettyPhoto一起显示：

<script>
    $(function() { 
        $('#date').live('click', function () {
            $(this).datepicker('destroy').datepicker({showOn: 'both'}).focus();
        });
});
</script>
<form>
    //...
</form>

我关注了this和this。我使日期选择器正确显示但是当我尝试按下应该在文本字段中显示的日期时没有任何反应。有时而不是文本，在DOOM内部有一个新按钮（如果按下它，则会打开日期选择器）