我無法使用/訪問該carousel.js檔案 - GET http://name.test/js/carousel.js net::ERR_ABORTED 404（未找到）
首頁.php
<div class="row">
<div class="col-lg-4">
<div class="carousel_item carousel_item--visible">first post</div>
</div>
<div class="col-lg-4">
<div class="carousel_item">second post</div>
</div>
<div class="col-lg-4">
<div class="carousel_item">third post</div>
</div>
</div>
<div class="carousel_actions">
<button id="carousel_button--prev" aria-label="previous slide">
<
</button>
<button id="carousel_button--next" aria-label="next slide">
>
</button>
</div>
</div>
<script type="text/javascript" src="js/carousel.js"></script>""
JS代碼：
let slidePosition = 0;
const slides = document.getElementsByClassName('carousel_item');
const totalSlides = slides.length;
document.getElementById('carousel_button--next').addEventListener("click", function() {
moveToNextSlide();
});
document.getElementById('carousel_button--prev').addEventListener("click", function() {
moveToPrevSlide();
});
function moveToNextSlide() {
console.log('next works');
}
function moveToPrevSlide() {
console.log('prev works');
}
函式.php
function load_js(){
wp_enqueue_script('jquery');
wp_register_script('bootstrap', get_template_directory_uri() . '/js/bootstrap.min.js', 'jquery', false, true);
wp_enqueue_script('bootstrap');
wp_register_script('carousel', get_template_directory_uri() . '/js/carousel.js');
wp_enqueue_script('carousel');
}
add_action('wp_enqueue_scripts', 'load_js');
檔案結構
.
├── js
│ ├── bootstrap.min.js
│ └── carousel.js
├── index.php
├── front-page.php
└── functions.php
（那里還有其他檔案，只包含重要的檔案以便更容易地概覽）
我很確定我輸入了 carousel.js 檔案的正確路徑，有人能告訴我這里有什么問題嗎？
uj5u.com熱心網友回復：
1- 在您的front-page.php檔案中，洗掉script tag. （即<script type="text/javascript" src="js/carousel.js"></script>）。您的wp_enqueue_script函式將負責將其加載到頁面上！
2-您也不需要這些wp_register_script功能！在您的functions.php檔案中洗掉它們！
3- 在functions.php檔案中將以下代碼段替換為您自己的：
add_action('wp_enqueue_scripts', 'load_js');
function load_js()
{
wp_enqueue_script('jquery');
wp_enqueue_script('bootstrap', get_theme_file_uri('/js/bootstrap.min.js'), 'jquery', 1.0, true);
wp_enqueue_script('carousel', get_theme_file_uri('/js/carousel.js'), NULL, 1.0, true);
}
這些應該對你有用！
加載頁面時，右鍵單擊它并查看源代碼。您應該能夠找到兩者bootstrap并carousel加載到源代碼中！
讓我知道你是否可以讓它作業！
uj5u.com熱心網友回復：
所以如果你使用 Laravel，你需要使用 webpack.mix.js 來集成你的 JS
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/345940.html
標籤：javascript php WordPress的 wordpress 主题 拉贡