вызвать событие изменения в jquery, странное поведение

Question

Мне нужно программно вызвать событие изменения.Обычно я могу это сделать, но я нашел необъяснимый сценарий, с которым, я надеюсь, вы сможете мне помочь.У меня есть этот код:

jQuery(document).ready(function() {

    jQuery('.posts-list').hide();
    jQuery('.clinic').hide();

    jQuery('#category').change(function() {
        jQuery('.posts-list').hide();
        jQuery('#clinics-'+jQuery(this).val()).show().change();
    });

    jQuery('.posts-list').change(function() {
        jQuery('.clinic').hide();
        jQuery('#clinic-'+jQuery(this).val()).show();
    });

    jQuery('#category').change();
});

Важной частью этого кода является вторая до последней строки и функция, которая была связана с событием изменения #category.Запуск события изменения внутри этого события действительно работает.Но срабатывание события change со второй по последнюю строку не происходит.Если я помещу это в консоль первым делом после загрузки страницы, оно будет работать.

Кто-нибудь получил объяснение?

Answer 1

jQuery('#category').trigger('change');

Вы на самом деле хотите вызвать событие, а не запускать функцию. Дайте мне знать, если это поможет.