Javascript 模态未定义错误

jQuery-Cide：

function modal(this) {
        alert($(this).data("id"));
    }

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>

---

我已经在document ready函数外定义了模态，但它没有定义模态错误如何解决此错误？

这是一个工作片段

功能模式（参考）{
警报（$（参考）。数据（“id”）；
}

打开Modal

阅读以下内容：

向按钮添加id:

id=“btnModal”

删除此项：

onclick='modal（this）

把这个（放在你的

文档之外。准备好了吗？

）：

---

该函数在document ready handler（文档准备处理程序）范围内定义，将函数

modal

移动到Outsider（更好），在按钮上使用一个不引人注目的事件处理程序，并在*事件属性上清除过时的

，但不要使用onclick inline，因为不建议使用它。在（“click”，function（）{//your code}）上使用$（'#id'）；在HTML事件中，只能使用全局范围中定义的函数。因此，要么将您的
模态
函数移动到
$（文档）外部。准备好了
，要么使用JS分配一个点击事件。我更新了代码，但它仍然不工作。请帮助我
<!-- 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">&times;</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

$('#btnModal' ).click(function() 
 {
    $('#myModal').modal('show');
 });