jQuery datepicker在加載時執行功能

Question

我有以下工作正常的腳本：

  $(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);
                    }
                });

        }
})

但這似乎也不起作用。 有什么建議么？

Answer 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事件沒有任何意義。 您可以直接在那做您想做的事。

Answer 2

據我所知，這里沒有異步。 因此，只需連續執行：

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

這有效地記錄為“ 1”。