Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/379.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导模态体不';不出现_Javascript_Php_Jquery_Twitter Bootstrap - Fatal编程技术网

Javascript 引导模态体不';不出现

Javascript 引导模态体不';不出现,javascript,php,jquery,twitter-bootstrap,Javascript,Php,Jquery,Twitter Bootstrap,大家好,我需要帮助。我想把dinamic数据显示给引导模态体 以下是我目前的代码: <div class="modal fade" id="myModal" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header">

大家好,我需要帮助。我想把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
            }
        });
     });
});

&时代;
细节
接近
$(文档).ready(函数(){
$('#myModal').on('show.bs.modal',函数(e){
var rowid=$(e.relatedTarget).data('id');
//利用ajax获取数据
$.ajax({
url:'det_registration.php',
成功:功能(数据){
$('.fetched data').html(data);//menampilkan data ke dalam modal
}
});
});
});

模态窗口是打开的。但是,不会为call det_registration.php和获取的数据执行ajax代码

我错过了什么?谢谢你的帮助:)

更新: 我很抱歉。这是我如何调用模态的代码

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

不确定代码中还有哪些内容,但请看一看

我已经在你的模式中添加了一个按钮调用。有了你提供的代码,我觉得一切都很好

我只加了这些

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

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

如果ajax函数没有执行是因为模态列表程序无法“侦听”事件,那么脚本看起来很好。show.bs.modal“尝试在匿名函数打开后立即发出警报以测试它

如果无法看到警报,则是因为未侦听事件


最后,如果您是通过JS打开modal,请记住,打开modal的函数在执行之前必须存在。

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

你能在('show.bs.modal',function(e)上的
$('#myModal')之后发送一个警报吗{
?这将告诉我们问题是否出在侦听器上。此外,我建议您打开浏览器控制台,在Chrome中使用F12打开它,在控制台选项卡中,您将看到脚本或请求中是否存在问题。感谢miguel的解释。但我对web编程非常熟悉。您能告诉我如何创建一个t如您所说发出警报?当然!警报由函数调用:
alert()
,它将按字面意思显示警报()。这是显示内容的最基本方式,不适合真实环境,也不适合调试。我使用它是因为当出现警报时,它会停止代码的执行,直到您响应警报。相反,您可以使用
console.log()
谢谢您的帮助:)。查看我的答案。我已经解决了我的问题。谢谢回复:)查看我的答案。我已经解决了我的问题。如果我的答案对您有帮助,请将其标记为解决方案。谢谢