Не удается загрузить show.bs.modal - PullRequest
Новая
       14

Не удается загрузить show.bs.modal

0 голосов
/ 19 декабря 2018

Я пробовал каждый пост об отправке данных модальным при переполнении стека, но он все еще не работает.В консоли только что напечатано «javascript oke», но когда я нажимаю и модал открывается, текст «открывается» не отображается

Кнопка 

    <button type="button" rel="tooltip" title="Edit" class="btn btn-primary btn-simple btn-xs" data-toggle="modal"
                                                data-kode="code" data-namakode ="name_code" data-target="#edit">
                                            <i class="material-icons">edit</i>
</button>

Модальный 

<!-- Modal Edit -->
<div class="modal" id="edit" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <form action="{{route('tes')}}" method="post">

                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <i class="material-icons">clear</i>
                    </button>
                    <h5 class="modal-title">Edit Data</h5>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="bmd-label-floating">Kode</label>
                                <input type="text" class="form-control" id="modalkode" required>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="bmd-label-floating">Nama Kode</label>
                                <input type="text" class="form-control" id="modalnamakode" required>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal"
                            style="margin-right: 10px">Cancel
                    </button>
                    <button type="submit" class="btn btn-info">Save Change</button>
                </div>

            </form>
        </div>
    </div>
</div>
<!--  End Modal Edit -->

JavaScript 

<script>
            console.log("javascript oke");
            $('#edit').on('show.bs.modal', function (event) {
                console.log("opened");
                // var button = $(event.relatedTarget) // Button that triggered the modal
                //
                // var code = button.data('kode') // Extract info from data-* attributes
                // var code_name = button.data('namakode') // Extract info from data-* attributes
                //
                // // If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
                // // Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
                // var modal = $(this)
                // modal.find('.modal-body #modalkode').val(code)
                // modal.find('.modal-body #modalnamakode').val(code_name)
            });

</script>

This is what happened in my web

Я действительно хочу отправить данные скнопка редактирования модальной, но я протестировал JavaScript, чтобы сообщить, когда показ модальной не работает, поэтому я комментирую это

Ответы [ 2 ]

0 голосов
/ 19 декабря 2018

Я нашел проблему!Я проверил свой код на https://codepen.io/, и он отлично работает.Я обнаружил, что проблема связана с шаблоном javascript, поэтому я импортирую в последние jquery.js и bootstrap.js. Надеюсь, это поможет другим, кто столкнулся с такой же проблемой

0 голосов
/ 19 декабря 2018

попробуйте другой способ, например,

в html-функции, нажмите на кнопку вашей кнопки редактирования 

 <button type="button" rel="tooltip" title="Edit" 
     class="btn btn-primary btn-simple btn-xs" onclick="editData()">
              <i class="material-icons">edit</i>
 </button>

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

function editData(){
    $("#edit").modal("show");
    // do your stuff here 
}

это может помочь тебе.

...