2

我有以下代码：

$(document).ready(function () {
    var selectedDay = '#selected_day';
    $(function () {
        $("#date").datepicker({
            dateFormat: "DD, d M yy",
            altField: selectedDay,
            altFormat: "DD",
            onSelect: function () {
                $(selectedDay).change()
            }
        });
        $('#selected_day, #times, #name, #group_number, #e-mail, #phone, #additional_info').change(function () {
            if ($(selectedDay).val() == '') {
                $('#times').fadeOut(500);
            } else {
                $('#times').fadeIn(500);
            }
            if ($(selectedDay).val() == 'Friday' || $(selectedDay).val() == 'Saturday') {
                $('#times').find('option[value="6pm"], option[value="8pm"], option[value="10pm"], option[value="11pm"]').hide();
            } else {
                $('#times').find('option[value="6pm"], option[value="8pm"], option[value="10pm"], option[value="11pm"]').show();
            }
            $('#confirm').text('You have chosen ' + $('#date').val() + ' at ' + $('#times').val() + '. This will be booked under the name of ' + $('#name').val() + ' for ' + $('#group_number').val() + ' people. We will contact you on either your phone number (' + $('#phone').val() + ') or your e-mail address (' + $('#e-mail').val() + ') to confirm your booking with us. Thank you for choosing Buddha Belly');
        });
        $('#phone').on('keypress', function () {
            $('#confirm').fadeIn(500);
        });
    });
});

在底部，您会注意到我希望确认 div 在手机输入字段中按下一个键时淡入。然而这并没有发生，我必须输入一些内容，然后单击文档中的其他位置。你能解释一下吗？

小提琴 - http://jsfiddle.net/andyjh07/c3u5B/

4

1 回答 1

5

该#confirm元素通过简单的按键淡入，如您所愿，问题是它仍然是空的。

您可能还想调用您所拥有的change功能keyup。

快速演示

于 2013-04-04T13:47:37.310 回答