Выбор выбора приводит к тому, что Jquery .on ('change') срабатывает дважды - PullRequest
Новая
       23

Выбор выбора приводит к тому, что Jquery .on ('change') срабатывает дважды

0 голосов
/ 11 октября 2019

При использовании bootstrap-select selectpicker для <select> списков У меня возникла проблема, когда он вызывает событие on change дважды.

Например, вот мой список выбора 

<select class="form-control selectpicker label-picker" data-style="btn-white" data-live-search="true" data-size="10">
    @foreach (var option in property.Options)
    {
        <option value="@option.Value">@option.Label</option>
    }
</select>

и вот мой сценарий Jquery 

<script>
    $(document).on('change', '.label-picker', function (e) {
        debugger;
    })
</script>

Каждый раз, когда я меняю раскрывающийся список, он дважды запускает мой сценарий. Когда я удаляю класс selectpicker из моего выбора, он срабатывает только один раз. Однако мне нравится стиль и встроенная возможность поиска в раскрывающихся списках, поэтому я предпочел бы использовать selectpicker.

Я просматривал свой код и объявляю bootstrap-select.min.js только один раз. Я динамически добавляю этот список выбора, где он является результатом другого действия в моем пользовательском интерфейсе. Интересно, является ли это частью проблемы, но я не уверен, почему это только дает проблему при ссылке на selectpicker.

Любые предложения будут полезны, так как я трачу на это много времени.

...