jQuery Cide:
function modal(this) {
alert($(this).data("id"));
}
网页代码:
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-id="<?php echo $state['ID']?>" onclick='modal(this)'>Open Modal</button>
引导模式
<!-- 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>
错误:
Uncaught ReferenceError: modal is not defined at HTMLButtonElement.onclick
我已经在文档就绪功能之外定义了模态,但它向我显示模态未定义错误 如何解决此错误?
这是工作片段。
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>
阅读以下内容:为什么我不能使用 onClick 在 jQuery $(document(.ready 函数中执行函数?
-
向按钮添加 id:
id="btnModal"
-
删除此内容:
onclick='modal(this)'
-
把这个(在你的
document.ready
外面(:$('#btnModal' ).click(function() { $('#myModal').modal('show'); });