Question

我已经尝试过每一篇有关在堆栈溢出中将数据发送到模式的帖子，但仍然无法正常工作。在控制台中只打印了“ javascript oke”，但是当我单击并打开模式对话框时，文本“ opened”未显示

按钮

bounces

模式

    <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>

JavaScript

<!-- 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以在模态显示不起作用时进行报告，所以我对此进行了评论

Answer 1

尝试另一种方式

在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 
}

可能会对您有所帮助。

Answer 2

我发现了问题！我在https://codepen.io/上测试了代码，效果很好。我发现问题出在javascript模板上，所以我导入了最后一个jquery.js和bootstrap.js 我希望它可以帮助遇到相同问题的其他人

无法加载show.bs.modal

2 个答案: