Мой код скрипта не вызывается, когда я загружаю вложенный HTML-код в свое электронное приложение, и я не могу понять, почему.
<div id="leftsidebar">
</div>
<div id="rightsidebar">
</div>
<div id="main" class="mainContent">
</div>
<script>
const fs = require('fs');
// Loads the html required for the side bar
fs.readFile('leftSideBar.html', (err, data) => {
document.getElementById('leftsidebar').innerHTML = data;
});
fs.readFile('rightSideBar.html', (err, data) => {
document.getElementById('rightsidebar').innerHTML = data;
});
function loadMainWindowHTML(htmlString) {
fs.readFile(htmlString, (err, data) => {
document.getElementById('main').innerHTML = data;
});
}
</script>
Это основной код HTML в моем главном окне, и когда я нажимаю на элемент в левой боковой панели, он должен выполнить loadMainWindowHTML () с файлом HTML, который я хочу открыть.
<div id="myleftSidebar" class="leftSideBar">
<a href="#" onclick="loadMainWindowHTML('searchUser.html')">Search User</a>
</div>
HTML-файл называется так и загружается в div с идентификатором main должным образом, однако скрипт в searchUser.html никогда не выполняется.
<head>
<title>Document</title>
<script>
console.log("do we reach?");
</script>
</head>
Журнал никогда нигде не появляется. Любое объяснение или исправить это?