在 WordPress 中添加 jQuery 图像滑块的问题

Posted 2023-05-09

【中文标题】在 WordPress 中添加 jQuery 图像滑块的问题

【英文标题】：Issues adding a jQuery image slider in WordPress

【发布时间】：2017-06-23 22:07:34

【问题描述】：

我正在尝试从 Slick 添加一个照片滑块，但我似乎无法让它工作。

html

<div class="victoria-slider">

        <div>Content1</div>
        <div>Content2</div>
        <div>Content3</div>
</div>

functions.php

function victoria_theme_script_enqueue() 

    wp_enqueue_style('customstyle', get_template_directory_uri() . '/css/victoria_theme.css', array(), '4.7.2', 'all');

    wp_enqueue_style('bootstrap', get_template_directory_uri() . '/css/bootstrap.min.css', array(), '3.3.7', 'all');

    wp_enqueue_style('slick', 'http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css');

    wp_enqueue_style('slick-theme','http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick-theme.css');



    wp_enqueue_script('jquery', get_template_directory_uri() .'/js/jquery.min.js', array(), '3.1.0', true);


    wp_enqueue_script('customjs', get_template_directory_uri() . '/js/victoria_theme.js', array(), '4.7.2', true);

    wp_enqueue_script('bootstrapjs', get_template_directory_uri() . '/js/bootstrap.min.js', array(), '3.3.7', true);
    wp_enqueue_script('slickjs', 'http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js');







add_action(wp_enqueue_scripts, 'victoria_theme_script_enqueue');

JS

jQuery(document).ready(function($) 



            jQuery(".victoria-slider").slick(
                  dots: true,
                  infinite: true,
                  speed: 500,
                  fade: true,
                  cssEase: 'linear',
                  slidesToShow: 3,
                  slidesToScroll: 3

            );


        );

我已尝试使用文件和链接使其正常工作，但仍然没有任何迹象。什么都没有发生。我只是不知道还能做什么。它适用于我尝试添加到主题中的每个滑块。

【问题讨论】：

控制台有js错误吗？

没有错误。它什么都不做。

推荐阅读：Why is removing tags from the title suggested so often?。社区通常更喜欢没有“标签”元素的标题——我们有一个标签系统。谢谢！

【参考方案1】：

我想通了！问题是我的主题 javascript 文件没有加载。我将它从 true 更改为 false，现在我可以正常工作了！