Jquery datepicker在加载时执行功能答案

【问题标题】：Jquery datepicker execute function on loadJquery datepicker在加载时执行功能
【发布时间】：2013-09-09 11:26:18
【问题描述】：

我有以下脚本可以正常工作：

  $(function() {
    $( "#datepicker" ).datepicker
(
{
      altField: '#sheetid',
      onSelect: function load() {
        $(document).ready(function() {
                $.ajax({
                type: 'POST',
                url: 'test2.php',
                data: {sheetid: $('#sheetid').val()},
                success: function(data)
                {
                    $("#contentz").html(data);
                }
            });

    });
    },
      firstDay: 1});
}
);

脚本根据从内联 jq 日期选择器中选择的日期将数据加载到 div 中。但我似乎无法成功使其在页面首次加载时的默认日期工作。我试过了：

$("#datepicker").load(function() {
$(document).ready(function() {
                    $.ajax({
                    type: 'POST',
                    url: 'test2.php',
                    data: {sheetid: $('#sheetid').val()},
                    success: function(data)
                    {
                        $("#contentz").html(data);
                    }
                });

        }
})

但这似乎也不起作用。有什么建议吗？

【问题讨论】：

当然不行，你是从 datepicker.load 事件绑定到 document.ready 事件...换个方式试试

标签： javascript jquery ajax datepicker

【解决方案1】：

我会这样做：

$(document).ready(function() {
    $("#datepicker").load(function() {
        $.ajax({
            type: 'POST',
            url: 'test2.php',
            data: {sheetid: $('#sheetid').val()},
            success: function(data)
            {
                $("#contentz").html(data);
            }
        });
    });
});

将某些内容绑定到 datepicker.load 上的 document.ready 事件是没有意义的。你可以直接在那里做你想做的事。

【讨论】：

【解决方案2】：

据我所知，这里没有什么异步的。所以只要连续做：

$(function() {
    $("#datepicker").datepicker({});
    // your function with ajax call here
    console.log( $("#ui-datepicker-div").length );
});

这有效地记录了“1”。

【讨论】：