DatePicker的onSelect事件不會上升

Question

我有datepicker（Index.aspx）：

<form class="fancy_form">
   <div class="wrap_input">
       <i>&nbsp;</i>
       <input type="text" class="datepicker"/>
    </div>
</form>

和js函數（Index.aspx）

 $(document).ready(function () {
 $(".datepicker").datepicker({
            onSelect: function (dataText, inst) {
                loadFilmList(dataText);
            }
        });
    });

當我選擇日期時， loadFilmList不會調用。

一個細節：

有main.js文件寫在哪里：

jQuery(function($){
        $.datepicker.regional['ru'] = {
            closeText: 'Закрыть',
            prevText: '<',
            nextText: '>',
            currentText: 'Сегодня',
            monthNames: ['Январь','Февраль','Март','Апрель','Май','Июнь',
            'Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'],
            monthNamesShort: ['Янв','Фев','Мар','Апр','Май','Июн',
            'Июл','Авг','Сен','Окт','Ноя','Дек'],
            dayNames: ['воскресенье','понедельник','вторник','среда','четверг','пятница','суббота'],
            dayNamesShort: ['вск','пнд','втр','срд','чтв','птн','сбт'],
            dayNamesMin: ['Вс','Пн','Вт','Ср','Чт','Пт','Сб'],
            weekHeader: 'Не',
            dateFormat: 'dd.mm.yy',
            firstDay: 1,
            isRTL: false,
            showMonthAfterYear: false,
            yearSuffix: ''
        };
        $.datepicker.setDefaults($.datepicker.regional['ru']);
    });

$(function(){
        $(".datepicker").datepicker({
            showOn: "button",
            buttonImage: "/assets/images/calendar.png",
            buttonImageOnly: true
        });
});

更新：好的，發現了錯誤，多虧了Pencho。 但是，我無法將此塊移動到main.js 問題：如何在創建日期選擇器之后添加事件處理程序？

謝謝。

Answer 1

您的main.js在此處創建日期選擇器：

$(function(){
        $(".datepicker").datepicker({
            showOn: "button",
            buttonImage: "/assets/images/calendar.png",
            buttonImageOnly: true
        });
});

嘗試像這樣移動onSelect：

$(function(){
        $(".datepicker").datepicker({
            showOn: "button",
            buttonImage: "/assets/images/calendar.png",
            buttonImageOnly: true,
            onSelect: function (dataText, inst) {
                alert("a");
            }
        });
});

這是一個jsfiddle

Answer 2

它只是工作正常。 將函數loadFilmList在$(document).ready 。

檢查這個小提琴： http : //jsfiddle.net/gG8ZQ/

 $(document).ready(function () {
 $(".datepicker").datepicker({
            onSelect: function (dataText, inst) {
                loadFilmList(dataText);
            }
        });

function loadFilmList(dataText){
    alert(dataText);
}
});