функция select2 не работает даже при использовании CDN - PullRequest
Новая
       0

функция select2 не работает даже при использовании CDN

0 голосов
/ 24 октября 2018

Я добавил эту 2 строку для функции select2, которая является 

<link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css" rel="stylesheet" />
<script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script>

, и в файле вида я добавляю это, как показано ниже: 

         <select id="cat_id" class="form-control">
            <option value="">please select a category</option>
            <option value="saab">A</option>
            <option value="saab">B</option>
            <option value="saab">C</option>
         </select>

Хорошо, чтобы это работало, я добавляю этот скрипт как показано ниже 

    <script type="text/javascript">
    $(document).ready(function () {
        $('#cat_id').select2();
    });
</script>

Ответы [ 5 ]

0 голосов
/ 24 октября 2018

Используйте $.noConflict(); перед тем, как кодировать.Я думаю, что ваша библиотека включена дважды или может быть конфликт. 

<script type="text/javascript">
    $.noConflict(); // Remove jquery conflict
    $(document).ready(function () {
        $('#cat_id').select2();
    });
</script>
0 голосов
/ 24 октября 2018

Просто добавьте библиотеку jQuery перед Выберите библиотеку 2 , и она будет работать.

NB Если вы используете slim версию из jQuery может не работать работать .

0 голосов
/ 24 октября 2018

Пожалуйста, попробуйте это, это поможет вам 

<!DOCTYPE html>
<html>
<head>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
    <title></title>
</head>
<body>
<select id="cat_id" class="form-control">
            <option value="">please select a category</option>
            <option value="saab">A</option>
            <option value="saab">B</option>
            <option value="saab">C</option>
         </select>
</body>
</html>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
    $('#cat_id').select2();
});
</script>

это будет работать для вас

0 голосов
/ 24 октября 2018

Попробуйте этот код 

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css" rel="stylesheet" />
<script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script>


  <select id="cat_id" class="form-control">
            <option value="">please select a category</option>
            <option value="saab">A</option>
            <option value="saab">B</option>
            <option value="saab">C</option>
         </select>


          <script type="text/javascript">
    $(document).ready(function () {
        $('#cat_id').select2();
    });
</script>
0 голосов
/ 24 октября 2018

включите также ссылку jquery и попробуйте 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css" rel="stylesheet" />
<script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script>

<script type="text/javascript">
    $(document).ready(function () {
        $('#cat_id').select2();
    });
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...