Question

我有一个脚本，该脚本可以加载信息并使用它来添加对链接的onclick调用。我想举一个例子会更清楚：

Script.js

const app = {

   init: function() {
     ...
     var link = document.createElement("a");
     link.setAttribute("onclick", "goToTicket(" + data.tickets[i].id +');');
     link.setAttribute("href", "javascript:void(0);");
     link.innerHTML = "Ticket " + data.tickets[i].id;
     cell1.appendChild(link);
   },

    ...

    goToTicket: function(ticketId){
       //Some code
    },
}

Sidebar.js

import app from './script.js';
...

iframe.html

...
<script type="module" src="lib/javascripts/ticket_sidebar.js"></script>
...

当我单击代码中生成的链接时，出现错误

TypeError：app.goToTicket不是函数在HTMLAnchorElement.onclick

我尝试了其他操作，例如直接在Sidebar.js中添加goToTicket，但我可以使其运行。

关于我所缺少的东西有什么想法吗？

谢谢

Answer 1

您可以尝试添加module.exports = app;底部文件Script.js

Answer 2

最终使用jQuery。这是script.js现在的外观：

Script.js

const app = {

   init: function() {
     ...
     var link = document.createElement("a");
     link.setAttribute("href", "javascript:void(0);");
     link.innerHTML = "Ticket " + data.tickets[i].id;
     link.className = "ticket " +  data.tickets[i].id;
     $(document).on("click",".ticket."+data.tickets[i].id, data.tickets[i].id,app.goToTicket);
     cell1.appendChild(link);
   },

    ...

    goToTicket: function(ticketId){
       //Some code using ticketId.data
    },
}

当我单击链接时，将正确调用该函数

动态地将导入的函数调用添加到onclick

2 个答案: