Руль & Js | Почему мое событие не выполняет указанную дочернюю функцию? - PullRequest
Новая
       25

Руль & Js | Почему мое событие не выполняет указанную дочернюю функцию?

0 голосов
/ 03 мая 2020

РЕЗЮМЕ: Я создаю портфолио проектов в формате html / scss / js, и вместо создания файла html для каждого проекта я создал один дисплей. html. Я потратил некоторое время на изучение React. js и решил попытаться создать более эффективный сайт с использованием шаблонов (handlebars. js). Это мой первый раз применения рулей. js, и это не кажется слишком нереальным c задачи.

ОЖИДАЕМЫЕ: На моем указателе. html страница, пользователь может выбрать 1 из 5 проектов, запустив соответствующее событие onclick. Затем он будет перенаправлен на дисплей. html и отобразит информацию, соответствующую выбору. 

<li class="portfolio">
     <a href="/display.html" onclick="firstLink()">Project1</a>
</li>
<li class="portfolio">
     <a href="/display.html" onclick="secondLink()">Project2</a>
</li> . . . etc.

Дисплей. html - это то место, где находится шаблон, и его следует загрузить в зависимости от того, какая функция выбрана из индекс. html. Обе страницы ссылаются на шаблон. js, где я храню все данные шаблона. Если я опущу function firstLink(), я могу загрузить один объект (first = {}). В этом отношении я знаю, что проблема в файле шаблона. js. шаблон. js выглядит следующим образом: 

$(function() {
let templateScript = $("#expressions-template").html();

let theTemplate = Handlebars.compile(templateScript);

function firstLink() {
    let first = {
        "project": {
            "name": "Project 1",
            "type": "Website Redesign" };

    let theCompiledHtml = theTemplate(first);
    $('.content-placeholder').html(theCompiledHtml);

ПРОБЛЕМА: Однако при использовании этого метода отображение. html остается пустым. Если я поставлю firstLink(); после последней строки фрагмента, страница загрузится. Это неверно, так как оно должно соответствовать выбору пользователя. Если я добавлю console.log("loaded"); в строку 2 шаблона. js, он будет успешно выполнен. Однако function firstLink() этого не делает.

СООБРАЖЕНИЯ: После просмотра документации по частям мне интересно, должен ли я работать этот процесс с рулем, а не с написанием моей собственной функции.

ВОПРОС: Какой маршрут или ресурсы я должен рассмотреть для успешного запуска соответствующего события onclick из индекса. html и загрузки на дисплей. html, ссылка на шаблон. js?

...