Я работаю над выпадающим фильтром, который использует функцию изменения.

Теперь, когда я пробую этот фильтр, напрямую изменяя выбранный параметр, он работает нормально, но когда я пытаюсь изменить выбранное значение с помощью параметров URL, свойство отображения (которое динамически изменяется в функции фильтра) изменяется только для первого элемента. found и все остальные элементы с правильным значением фильтрации не получают свойство блокировать.

Я использую эту функцию-фильтр:

$(document).ready(function() {
    $('.customFilter select').change(function(e) {
        e.preventDefault();
        var filterValue = $('#myDropdown').val();

        var filterSelector = '#container .filter-item' + '.' + filterValue);

        $('#jpagescontainer .photo-item').css('display','none');
        $(filterSelector).css('display','block');
    });
});

и вот моя функция для изменения выбранного значения с URL-параметрами:

$(document).ready(function() {
    var cat = getUrlParameter('category');

    $('#myDropdown option[value=' + cat + ']').attr("selected", "selected");
    $('#myDropdown option[value=' + cat + ']').trigger('change');
});

Две переменные фильтра остаются неизменными для обоих вызовов.

И мой HTML выглядит примерно так:

<div class = "customFilter">
    <select id = "myDropdown" class = "filter">
        <option value = "" selected = "selected">Show all</option>
        <option value = "opt1">Option1</option>
        <option value = "opt2">Option2</option>
    </select>
</div>

<div id = "container">
    <div class = "filter-item opt1">
        <p>Some Text 1</p>
    </div>
    <div class = "filter-item opt2">
        <p>Some Text 2</p>
    </div>
</div>

Что-то не так с функцией URL-адреса или мне что-то не хватает?

Обновлено:

Я в значительной степени понял это благодаря помощи Марка Байдженса ... проблема была вызвана дополнительным скриптом, который ограничивал показанные элементы до 20, и так уж получилось, что ни один из первых 20 элементов не соответствовал категории фильтра.