bootstrap Carousel在wordpress的主页中不起作用

function enqueue_bootstrap_carousel() {
    wp_enqueue_style('bootstrap', 'https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css');
    wp_enqueue_script('jquery');
    wp_enqueue_script('bootstrap', 'https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js', array('jquery'), '5.3.0', true);
}
add_action('wp_enqueue_scripts', 'enqueue_bootstrap_carousel');

<div id="myCarousel" class="carousel slide" data-bs-ride="carousel">
    <div class="carousel-inner">
        <div class="carousel-item active">
            <img src="image1.jpg" alt="Slide 1">
        </div>
        <div class="carousel-item">
            <img src="image2.jpg" alt="Slide 2">
        </div>
        <div class="carousel-item">
            <img src="image3.jpg" alt="Slide 3">
        </div>
    </div>
</div>

jQuery(document).ready(function($) {
    $('#myCarousel').carousel();
});