Bootstrap slider not working

我有一个html引导滑块，它可以很好地与字幕和所有内容配合使用。我想把它整合到我的Wp主题中（我的forst主题，所以完全是新手）。我找到了一个代码，看起来像是helo，但它只显示了三张图片，没有幻灯片。。。如果我硬编码滑块，它就会工作。我知道我可以把它硬编码，但它不是真正的WP；）谢谢。代码如下：函数。php-现在完成文件。

function load_stylesheets()
{

wp_register_style(\'style\', get_template_directory_uri() . \'/style.css\', array(), 1,\'all\');

wp_enqueue_style(\'style\');

wp_register_style(\'bootstrap\', get_template_directory_uri() . \'/bootstrap-4.1.3-dist/css/bootstrap.min.css\', array(), 1,\'all\');

wp_enqueue_style(\'bootstrap\');

wp_register_style(\'fixedcss\', get_template_directory_uri() . \'/css/fixed.css\', array(), 1,\'all\');

wp_enqueue_style(\'fixedcss\');

wp_register_style(\'custom\', get_template_directory_uri() . \'/custom.css\', array(), 1,\'all\');

wp_enqueue_style(\'custom\');

}

add_action(\'wp_enqueue_scripts\', \'load_stylesheets\');


//load scripts

function load_javascript()
{

wp_register_script(\'custom\', get_template_directory_uri() . \'/js/custom.js\', \'jquery\', 1, true);
wp_enqueue_script(\'custom\');

wp_register_script(\'bootstrapjs\', get_template_directory_uri() . \'/bootstrap-4.1.3-dist/js/bootstrap.min.js\',array(\'jquery\'), 1 , true);
wp_enqueue_script(\'bootstrapjs\');

}
add_action(\'wp_enqueue_scripts\', \'load_javascript\');


// normal menue theme support
add_theme_support(\'menus\');

// register menus, =>__ is improtant for tansaltions!
register_nav_menus
(

array(\'top-menu\' =>__(\'Top Menu\', \'theme\')
)

);

//woocommerce theme suport

function customtheme_add_woocommerce_support()
 {
add_theme_support( \'woocommerce\' );
}
add_action( \'after_setup_theme\', \'customtheme_add_woocommerce_support\' );


//Images Slider

    function themename_slider_home_images_setup($wp_customize)
    {
        $wp_customize->add_section(\'home-slider-images\', array(
            \'title\' => \'Home Slider\',
            ));
    
            $wp_customize->add_setting(\'home-slider-first-image\');
        $wp_customize->add_control(
            new WP_Customize_Image_Control(
                $wp_customize,
                \'home-slider-first-image\',
                array(
                    \'label\'      => __( \'First Image\', \'theme_name\' ),
                    \'section\'    => \'home-slider-images\',
                    \'settings\'   => \'home-slider-first-image\'
                )
            )
            );
    
            $wp_customize->add_setting(\'home-slider-second-image\');
        $wp_customize->add_control(
            new WP_Customize_Image_Control(
                $wp_customize,
                \'home-slider-second-image\',
                array(
                    \'label\'      => __( \'Second Image\', \'theme_name\' ),
                    \'section\'    => \'home-slider-images\',
                    \'settings\'   => \'home-slider-second-image\'
                )
            )
            );
    
            $wp_customize->add_setting(\'home-slider-third-image\');
        $wp_customize->add_control(
            new WP_Customize_Image_Control(
                $wp_customize,
                \'home-slider-third-image\',
                array(
                    \'label\'      => __( \'Third Image\', \'theme_name\' ),
                    \'section\'    => \'home-slider-images\',
                    \'settings\'   => \'home-slider-third-image\'
                )
            )
        );
    }
    add_action(\'customize_register\', \'themename_slider_home_images_setup\');`

首页。php：

 <div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
  <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
  <li data-target="#myCarousel" data-slide-to="1"></li>
  <li data-target="#myCarousel" data-slide-to="2"></li>
</ol>

<!-- Wrapper for slides -->
<div class="carousel-inner">
  <div class="item active">
    <img src="<?php echo get_theme_mod(\'home-slider-first-image\');?>" alt="caption3!" >
   
  </div>

  <div class="item header-image"
    <img  src="<?php echo get_theme_mod(\'home-slider-second-image\');?>" alt="caption2" >
  </div>

  <div class="item header-image">
    <img src="<?php echo get_theme_mod(\'home-slider-third-image\');?>" alt="I am a caption" 
  </div>
</div>

add_action(\'wp_enqueue_scripts\', \'wp_add_jquery\'); function wp_add_jquery () { wp_register_script( \'my_jquery\', \'http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js\'); // Add your other scripts here (bootstrap, etc.) }

function my_scripts() { wp_enqueue_style(\'bootstrap4\', \'https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css\'); wp_enqueue_script( \'boot1\',\'https://code.jquery.com/jquery-3.3.1.slim.min.js\', array( \'jquery\' ),\'\',true ); wp_enqueue_script( \'boot2\',\'https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js\', array( \'jquery\' ),\'\',true ); wp_enqueue_script( \'boot3\',\'https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js\', array( \'jquery\' ),\'\',true ); } add_action( \'wp_enqueue_scripts\', \'my_scripts\' );

为什么不能用jQuery隐藏块？

这似乎是一个微不足道的CSS问题，应该继续问下去，但我认为这里有很多微妙之处，最好在这里问我向块中添加了一个CSS类，并使用jQuery将其隐藏。这很简单，但不起作用。我如何调试它？<script>$(\"hidetab\").css(\"display\", \"none\");</script>

相关推荐

为什么不能用jQuery隐藏块？