В laravel 5/bootstrap 3 приложении ошибка при открытии модального окна

200
26 августа 2018, 02:10

Всем привет, В laravel 5.5/bootstrap 3.3.5 приложении понадобилось открыть модальное окно при вывозе JS-функции showAdditiveEmails:

<?php
<!-- client-additive-email-modal -->
<div class="modal fade client-additive-email-modal" id="client-additive-email-modal" name="client-additive-email-modal" tabindex="-1" role="dialog"
     aria-labelledby="exampleModalLabel"
     aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            ...
        </div>
        <!-- modal-content -->
    </div>
    <!-- modal-dialog -->
</div>
<!-- end client-additive-email-modal -->

<script>
 $(document).ready(function () {
 });
    function showAdditiveEmails() {
        var clientId= '{{ $client->id }}'
        alert( "showAdditiveEmails  clientId::"+clientId )
        $.ajax({
            type: 'GET',
            url: '/client/get-client-additive-emails/' + clientId,
            success: function(data) {
            console.log("success::")
                console.log(data);
                $("#client-additive-email-modal").modal('show');
                /* И получаю ошибку
                edit:392 Uncaught TypeError: $(...).modal is not a function
                       at Object.success (edit:392)
                       at fire (datatables.js:3160)
                       at Object.fireWith [as resolveWith] (datatables.js:3272)
                       at done (datatables.js:9326)
                       at XMLHttpRequest.callback (datatables.js:9730)
                  */
                 alert( "AFTER::"+(-8) )
            }
        });
    }
</script>

Пробовал так:

        jQuery("#client-additive-email-modal").modal('show');

Та же самая ошибка

К проекту подключены :

  <link rel="stylesheet" href="http://127.0.0.1:8000/assets/css/bootstrap.css"> // v3.3.5
   <script src="http://127.0.0.1:8000/assets/js/jquery-1.11.3.min.js"></script> // jQuery v1.11.3 
     <script src="http://127.0.0.1:8000/assets/js/bootstrap.js"></script>       // v3.3.5
И еще куча файлов:
    <!-- Imported styles on this page -->
    <link rel="stylesheet" href="http://127.0.0.1:8000/assets/js/jvectormap/jquery-jvectormap-1.2.2.css">
    <link rel="stylesheet" href="http://127.0.0.1:8000/assets/js/rickshaw/rickshaw.min.css">
    <link rel="stylesheet" href="http://127.0.0.1:8000/assets/js/datatables/datatables.css">
    <link rel="stylesheet" href="http://127.0.0.1:8000/assets/js/select2/select2-bootstrap.css">
    <link rel="stylesheet" href="http://127.0.0.1:8000/assets/js/select2/select2.css">
    <!-- Bottom scripts (common) -->
    <script src="http://127.0.0.1:8000/assets/js/gsap/TweenMax.min.js"></script>
    <script src="http://127.0.0.1:8000/assets/js/jquery-ui/js/jquery-ui-1.10.3.minimal.min.js"></script>
    <script src="http://127.0.0.1:8000/assets/js/bootstrap.js"></script>
    <script src="http://127.0.0.1:8000/assets/js/joinable.js"></script>
    <script src="http://127.0.0.1:8000/assets/js/resizeable.js"></script>
    <script src="http://127.0.0.1:8000/assets/js/neon-api.js"></script>
    <script src="http://127.0.0.1:8000/assets/js/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>

    <!-- Imported scripts on this page -->
    <!--<script src="assets/js/jvectormap/jquery-jvectormap-europe-merc-en.js"></script>
    <script src="assets/js/jquery.sparkline.min.js"></script>
    <script src="assets/js/rickshaw/vendor/d3.v3.js"></script>
    <script src="assets/js/rickshaw/rickshaw.min.js"></script>
    <script src="assets/js/raphael-min.js"></script>
    <script src="assets/js/morris.min.js"></script>
    <script src="assets/js/toastr.js"></script>-->
    <script src="http://127.0.0.1:8000/assets/js/datatables/datatables.js"></script>
    <script src="http://127.0.0.1:8000/assets/js/select2/select2.min.js"></script>
    <script src="http://127.0.0.1:8000/assets/js/neon-chat.js"></script>
    <script src="http://127.0.0.1:8000/assets/js/bootstrap-datepicker.js"></script>
    <script src="http://127.0.0.1:8000/assets/js/moment.min.js"></script>

    <!-- JavaScripts initializations and stuff -->
    <script src="http://127.0.0.1:8000/assets/js/neon-custom.js"></script>

    <!-- Demo Settings -->
    <script src="http://127.0.0.1:8000/assets/js/neon-demo.js"></script>
    <script src="http://127.0.0.1:8000/js/multiple-select.js"></script>
    <script src="http://127.0.0.1:8000/js/accounting.js"></script>
    <script src="http://127.0.0.1:8000/js/main.js"></script>

У меня что-то неподключено(или конфликт с чем-то иным) или неправилен синтаксис?

Спасибо!

READ ALSO
Не работает jQuery Click по картинке

Не работает jQuery Click по картинке

Первый клик работает, на второй не хочет

179
Переход по якорю с другой страницы

Переход по якорю с другой страницы

Якоря на странице с хешами, есть скрипт с которым в адресной строке не появляется хешНо это на одной странице

156
Binary Insertion Sort работает быстрее чем Merge Sort

Binary Insertion Sort работает быстрее чем Merge Sort

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

215
Поиск по изображению с AForge

Поиск по изображению с AForge

У меня задача найти определенный кусочек в общей картинке и определить, в каком он месте находитсяНужно сделать на C#, решил использовать...

211