Question

我正在导入JS文件，并将webpack用作捆绑程序。除了我使用HTML5拖放

的动态JS功能外，其他所有功能都正常运行

JS文件导出以下功能。在这些功能中，HTML是使用Jquery动态创建的。 然后通过主JS文件导入这些文件，并调用createDragDrop（）并注入HTML ...

export function createDragDrop(){
...
...
...
  var draggable = '<div class="item-container holder" id="'+ holderID +'" ondrop="drop_handler(event);" ondragover="this.dragover_handler(event);"><p class="draggable" id="'+ draggableID +'" draggable="true" ondragstart="dragstart_handler(event);" >'+ draggableText +'</p></div>';

    var droppable = '<div class="item-container" id="'+ droppableID +'" ondrop="drop_handler(event);" ondragover="dragover_handler(event);">'+ droppableText +'</div>';

    $('.left').append(draggable);
    $('.right').append(droppable);

...
...
...
}

然后调用以html内联方式编写的这些函数

export function dragstart_handler(ev) {
...
}

export function dragover_handler(ev) {
...
}

export function drop_handler(ev) {
...
}

由于某种原因，从HTML调用的函数（dragstart_hander ...等）是“未定义” ，它必须与webpack无关，它们看不到它们并且不放置它们在bundle.js中，因为我在搜索时找不到它们

从HTML元素调用时未定义导入的webpack函数

0 个答案: