JQuery.hide() не работает в некоторых браузерах

Мы используем jQuery.hide(), чтобы скрыть параметры в выбранных входах - если время меньше, чем 31 день в месяц. Он отлично работает с Google Chrome и FireFox, но он не работает в Internet Explorer, Opera и Safari. Вот код JavaScript, который мы используем:

Мы используем jQuery v1.8.3 (я обновился до этой версии, чтобы проверить, исправляет проблему, но это не так).

Ответы

Ответ 1

Спасибо за ваш ответ, я использовал ваш код, но немного изменил его, чтобы обрабатывать месяцы с 28 и 29 днями (февраль). Вот функция снова:

// Show and hide days according to the selected year and month.
function show_and_hide_days(fp_form) {
    var select_year= $(fp_form).find("select.value_year");
    var select_month= $(fp_form).find("select.value_month");
    var select_day= $(fp_form).find("select.value_day");
    var selected_year= $.parse_int($(select_year).val());
    var selected_month= $.parse_int($(select_month).val());
    var selected_day= $.parse_int($(select_day).val());
    var days_in_month= new Date(selected_year, selected_month, 0).getDate();
    // If the number of days in the selected month is less than 28, change it to 31.
    if (!(days_in_month >= 28))
    {
        days_in_month= 31;
    }
    // If the selected day is bigger than the number of days in the selected month, reduce it to the last day in this month.
    if (selected_day > days_in_month)
    {
        selected_day= days_in_month;
    }
    // Remove days 29 to 31, then append days 29 to days_in_month.
    for (var day= 31; day >= 29; day--)
    {
        $(select_day).find("option[value='" + day + "']").remove();
    }
    for (var day= 29; day <= days_in_month; day++)
    {
        $(select_day).append("<option value=\"" + day + "\">" + day + "</option>");
    }
    // Restore the selected day.
    $(select_day).val(selected_day);
}

Теперь он работает со всеми пятью браузерами, которые я тестировал (я не тестировал предыдущие версии Internet Explorer).

Я добавил плагин в jQuery, называемый $.parse_int - это возвращает parseInt с radix 10, если не указано. Вот код плагина:

// Add functions to the jQuery object.
(function( $ ) {
    // Return parseInt with radix 10 if not specified.
    $.parse_int= function(fp_string, fp_radix) {
        var radix= ((typeof(fp_radix) !== "undefined") ? fp_radix : 10);
        return parseInt(fp_string, radix);
    };
})( jQuery );

Uri.

Ответ 2

это проблема с браузером, вы не можете скрыть параметры в каком-то браузере, потому что $('.selector').hide(); похож на $('.selector').css('display', 'none');, какой-то браузер не может скрыть его

вам нужно использовать $('.selector').remove(); и $('.selector').append();

изменить коды из

 if ((days_in_month >= 28))
        {
            // If selected day is bigger than the number of days in the selected month, reduce it to the maximal day in this month.
            if (selected_day > days_in_month)
            {
                $(select_day).val(days_in_month);
            }
            // Show all the days in this month and hide days which are not in this month.
            $(select_day).find("option").each(function() {
                var day= parseInt($(this).val());
                if (day <= days_in_month)
                {
                    $(this).show();
                }
                else
                {
                    $(this).hide();
                }
            });
        }

// Remove days 29 - 31
$(select_day).find("option[value='29'], option[value='30'], option[value='31']").remove();
var daysOptions = "";

if (days_in_month >= 29) {
    daysOptions += '<option value="29">29</option>';
}
if (days_in_month >= 30) {
    daysOptions += '<option value="30">30</option>';
}
if (days_in_month == 31) {
    daysOptions += '<option value="31">31</option>';
}

$(select_day).append(daysOptions);

http://jsfiddle.net/sL4jY/10/ протестирован в IE chrome и Firefox

Ответ 3

$('.selector').hide();

совпадает с

$('.selector').css('display', 'none');

$('.selector').show();

похож на

$('.selector').css('display', 'inline');