select2 не работает на странице aspx с главной страницей

Question

У меня есть приложение webforms, которое построено с мастер-страницами. Совсем недавно я пытался получить раскрывающийся список select2 на одной из форм.

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

Когда я нажимаю F12 в Chrome, ошибок jQuery нет.

В заголовке главной страницы у меня есть следующее в этом порядке:

<!-- Bootstrap core JavaScript-->
<script src="/vendor/jquery/jquery.min.js"></script>
<script src="/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

<!-- Core plugin JavaScript-->
<script src="/vendor/jquery-easing/jquery.easing.min.js"></script>

А в Content1 дочерней страницы у меня есть ссылки Select2 js:

<link href="https://cdn.jsdelivr.net/npm/select2@4.0.12/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.0.12/dist/js/select2.min.js"></script>

Наконец, в самом низу формы (на дочерней странице) у меня есть это:

    <script>
        $(document).ready(function () {
            $("#selectContacts").select2({ placeholder: 'Select Member' });
        });
    </script>  

Я попытался переместить сценарии select2 с дочерней страницы, и в заголовок главной страницы тоже, но это тоже не работает.

Что я делаю не так?

Answer 1

$('#example').select2({
    placeholder: 'Select an option'
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="https://rawgit.com/select2/select2/master/dist/js/select2.js"></script>

<link href="https://rawgit.com/select2/select2/master/dist/css/select2.min.css" rel="stylesheet" />



<select id="example" multiple="multiple" style="width: 300px">
   <option value="example1">example1</option>
    <option value="example2">example2</option>
    <option value="example3">example3</option>
    <option value="example4">example4</option>
    <option value="example5">example5</option>
    <option value="example6">example6</option>
</select>

Answer 2

LOL ... после поиска в течение нескольких часов ... я отправляю вопрос, а потом наткнулся на ответ через 10 минут!

jQuery UI Multiple Select не работает на странице ASPX, которая является содержимым для главной страницы

Все, что мне нужно было сделать, это добавить эту опцию в выбор:

clientidmode="Static"