Javascript 引导模态体不';不出现
大家好,我需要帮助。我想把dinamic数据显示给引导模态体 以下是我目前的代码: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">
<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">×</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()
谢谢您的帮助:)。查看我的答案。我已经解决了我的问题。谢谢回复:)查看我的答案。我已经解决了我的问题。如果我的答案对您有帮助,请将其标记为解决方案。谢谢