Как связать файл JS с шаблоном страницы PHP? - PullRequest
0 голосов
/ 30 апреля 2019

Я написал шаблон страницы PHP и хотел бы связать необходимый Javascript из внешнего файла. Однако, когда я делаю это, я получаю синтаксическую ошибку: Uncaught SyntaxError: Unexpected token < ссылка на заголовок doctype <!DOCTYPE html>. Если я помещаю скрипт в PHP-файл напрямую, он работает.

Очевидно, это делает мой файл грязным, так как я могу сделать это, не нарушая сценарий? Кроме того, поскольку этот скрипт нужен только на одной странице, я не хочу помещать его в свой нижний колонтитул для загрузки на весь сайт.

Я пытался использовать <script type="text/javascript" src="staff-test.js"></script> в своем PHP-файле для ссылки на файл JS, но безуспешно. Файлы PHP и JS находятся в одной папке, поэтому путь src кажется правильным.

PHP:

<?php

    get_header();

    include('staff-test.css');
?>

<div class="page-wrap">  
  // my content
</div>

<script type="text/javascript" src="staff-test.js"></script>



<?php 
    get_footer();

Используя этот код, я получаю синтаксическую ошибку. Я хотел бы сохранить JS в отдельном файле, но, похоже, он работает только тогда, когда я помещаю его непосредственно в файл PHP.

Ответы [ 3 ]

1 голос
/ 30 апреля 2019

Используя include('staff-test.css'), вы просите веб-сервер интерпретировать файл CSS как PHP.Вот почему вы получаете синтаксическую ошибку.

Вы хотите сделать вместо этого:

<link rel="stylesheet" type="text/css" href="staff-test.css"> 
0 голосов
/ 30 апреля 2019

Вам может потребоваться зарегистрировать скрипт в вашем файле функций.Проверьте ссылку на WordPress для регистрации скрипта.

https://developer.wordpress.org/reference/functions/wp_register_script/

0 голосов
/ 30 апреля 2019

Попробуйте это

<?php
    get_header();
?>
<link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_directory_uri(); ?>/staff-test.css"> 

<div class="page-wrap">  
  // my content
</div>

<script type="text/javascript" src="<?php echo get_stylesheet_directory_uri(); ?>/staff-test.js"></script>



<?php 
    get_footer();
?>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...