[英]modal is not defined error
jQuery Cide: jQuery Cide:
function modal(this) {
alert($(this).data("id"));
}
HTML Code: HTML代码:
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-id="<?php echo $state['ID']?>" onclick='modal(this)'>Open Modal</button>
Bootstrap Modal 引导模态
<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Some text in the modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
Error: 错误:
Uncaught ReferenceError: modal is not defined at HTMLButtonElement.onclick
I already defined modal outside of document ready function but it displaying me modal is not defined error How to resolve this error? 我已经在文档准备功能之外定义了模态,但是它向我显示模态未定义错误。如何解决此错误?
Here is working snippet. 这是工作片段。
function modal(ref) { alert($(ref).data("id")); }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-id="1" onclick='modal(this)'>Open Modal</button>
Read this: Why can't I use onClick to execute a function inside a jQuery $(document).ready function? 阅读以下内容: 为什么我不能使用onClick在jQuery $(document).ready函数中执行函数?
Add an id to the button: id="btnModal"
向按钮添加ID:
id="btnModal"
Delete this: onclick='modal(this)'
删除此内容:
onclick='modal(this)'
Put this (outside your document.ready
): 把它(放在
document.ready
之外):
$('#btnModal' ).click(function() { $('#myModal').modal('show'); });
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.