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>

当我检查查看源代码时,所有文件都获得了正确的路径。但它为什么没有回应呢?

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

以下链接包含示例,并详细说明了如何 https://developer.wordpress.org/themes/basics/including-css-javascript/

最新更新