时间戳

首页 > 解决方案 > js 文件路径在正确的方向，但在主题中没有响应

javascript - js 文件路径在正确的方向，但在主题中没有响应

问题描述

我在我的 HTML 网站中使用了图层滑块。什么时候，我要将此滑块添加到 WordPress 主题中。它没有响应。甚至，在页面视图源上，文件路径方向正确。为什么他们没有回应。

滑块的 HTML 代码：

<!DOCTYPE html>
<html lang="en">
<head>
<link href="assets/layerslider/layerslider.min3831.css" rel="stylesheet"/>
</head>
<body>

	<div id="homeSliderWrapper">
		<div id="homeSliderInner" class="ls-bk-container" data-ride="make-layer-slider" data-id="1" data-version="1" data-src="assets/js/slider.js"></div>
	</div>
	
	<script src="assets/js/lib/jquery.min.js"></script>
	<script src="assets/layerslider/layerslider.min1ee01ee0.js?v=u_3YRY7JXqEPApYnTt38DqqTzw01kqG41N4v5Osr03Y1"></script>

现在，当我将它们变为动态的 Wordpress 主题时。WP主题代码：

<!DOCTYPE html>
<html lang="en">
<head>
	<link href="<?php bloginfo('template_url'); ?>/assets/layerslider/layerslider.min3831.css" rel="stylesheet"/>
</head>
<body>
	<h1>For test.</h1>

	<div id="homeSliderWrapper">
		<div id="homeSliderInner" class="ls-bk-container" data-ride="make-layer-slider" data-id="1" data-version="1" data-src="<?php bloginfo('template_url'); ?>/assets/js/slider.js"></div>
	</div>
	
	<script src="<?php bloginfo('template_url'); ?>/assets/js/lib/jquery.min.js"></script>
	<script src="<?php bloginfo('template_url'); ?>/assets/layerslider/layerslider.min1ee01ee0.js?v=u_3YRY7JXqEPApYnTt38DqqTzw01kqG41N4v5Osr03Y1"></script>
	
</body>
</html>

当我检查查看源代码时，所有文件都获得了正确的路径。但是为什么没有响应呢？

标签： javascriptwordpressdynamic

解决方案

在 wordpress 中，要使您的资产正常工作，您必须使用functions.php并创建一个函数来注册和加载资产脚本样式等。

以下链接有示例，还详细解释了https://developer.wordpress.org/themes/basics/including-css-javascript/

推荐阅读