Question

大家好，我需要帮助。我想向bootstrap模态体显示dinamic数据。

到目前为止，这是我的代码：

<div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Detail</h4>
            </div>
            <div class="modal-body">
                <div class="fetched-data"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
$(document).ready(function(){
    $('#myModal').on('show.bs.modal', function (e) {
        var rowid = $(e.relatedTarget).data('id');
        //menggunakan fungsi ajax untuk pengambilan data
        $.ajax({
            url : 'det_registration.php',
            success : function(data){
            $('.fetched-data').html(data);//menampilkan data ke dalam modal
            }
        });
     });
});

模态窗口是打开的。但是，对于调用det_registration.php和获取数据

，不执行ajax代码我错过了什么？谢谢你的帮助:)）

更新：我很抱歉这是我如何调用模态

的代码

<a title='detail' href="#myModal" data-toggle='modal'><span class="pull-left">View Details</span></a>

Answer 1

不确定您的代码中还有其他内容，但请查看here。

我添加了一个按钮调用你的模态。使用您提供的代码，对我来说似乎一切正常。

这就是我添加的全部内容

<button data-toggle="modal" data-target="#myModal" class="btn brn-primary">Click Me</button>

Answer 2

我知道这只是代码的和平，但请提供更多信息。在这种情况下，我不知道你是如何打开模态的，这可能就是问题所在。

你的脚本看起来很好，如果没有执行ajax功能是因为你的模态列表不能＆＃t;＃34;听＆＃34;事件＆＃34; show.bs.modal＆＃34; 尝试在打开匿名函数后立即发出警报进行测试。

如果您看不到警报是因为没有收听该事件。

最后，如果您通过JS打开模态，请记住打开它的函数必须在执行之前存在。

Answer 3

我已经解决了我的问题。问题是我的php文件中有两个jquery.js。第一个是bootsrap jquery.js，另一个是datatable jquery.js。然后我删除了数据表jquery.js后，我的问题就解决了

bootstrap模态体不会出现

3 个答案: