Javascript 未捕获引用错误：未定义函数：无法使用onclick按钮调用我的函数[已解决]

当我试图将单个事件添加到我在表中创建的每个按钮时，浏览器中出现了一些奇怪的错误。 这以前从未发生过，直到现在。有人能告诉我我的盲点在哪里吗？谢谢

下面是我如何从响应数据生成带有回调函数的表：

$("#bulletin .card-body tbody").html("")
$.each(data.content, function(index, item){
  var type = $("#bulletin .card-header button").eq(item.type-1).text()
  var res = 
   '<tr>'+
    '<td>'+parseInt(index+1)+'</td>'+
    '<td>'+item.announcement+'</td>'+
    '<td>'+type+'</td>'+
    '<td>'+item.announcement+'</td>'+
    '<td>'+item.createdTime+'</td>'+
   '<td><button class="btn btn-dark" onclick="openBulletinDetails(\'' + item.id + '\')">details</button</td>'+
  '</tr>';
 $("#bulletin .card-body tbody").append(res)
})

function openBulletinDetails(id){
  console.log(id)
}

我只能得到这个错误

未捕获引用错误：未定义openBulletinDetails

我使用ajax从restful API请求数据，以获取JSON（如果有用）。

function generateTable(){   
  // XHR
  $.ajax({
     url: url,
     type: "GET",
     dataType: "json",
     beforeSend: function(xhr) {
        xhr.setRequestHeader("Authorization", "bearer " + globalAuthToken);
     },
     success: function(data) {
         // generate the table here....
     },
     error: function(data) {
        alert(data.status);
     }
  });  
}
function openBulletinDetails(id){
  console.log(id)
}

问题解决了

---

出现此错误的原因是>>我将外部js文件设置为模块类型。所有逻辑都没有错误。但是为什么要停止onclick事件呢？没有线索…如果有人知道原因，请给我一些回答。

Hi，该函数位于哪里？@Swati Hi，回调函数正好位于ajax函数之后。我已经更新了测验。只是为了测试，请在ajax调用之前放置该函数，看看会发生什么。您可能已经使用函数包装了该函数（aka document ready？@epascarello）。ajax函数是在$（function（）{generateTable（）}）中调用的，我以为该文档已经完全加载了？