Question

我正在尝试使用wordpress在我的首页博客页面上安装owl-carousel 2。

我按顺序注册了脚本，并启动了短代码以激活他。

我收到错误消息“未能在'/good/path/to/my/file/js/owl-carousel.min.js地址中加载脚本”

它不会加载我的脚本。此外，还有一条警告指示MIME类型为text / html，它应该为text / javascript。我不知道这是什么意思。

可能是版本问题？因为我有一个已经存在的Wordpress网站，并且脚本正在该网站中运行。

我做的事情与上一个站点完全相同，但是使用wp_enqueue_script（）函数更正确。

我先加载jQuery，然后加载猫头鹰轮播。

HTML squeletton可以与owl-carousel和divs类一起使用，它可以显示一些虚拟文本。 jQuery加载良好。

我不理解为什么我的脚本不能正确加载，因为我在理论上做得很好。

我试图做：


/*------- Active owl carousel --------*/
jQuery(document).ready(function($){
  $(".owl-carousel").owlCarousel();
});

但是它不起作用，我仍然得到“ TypeError：$（...）。owlCarousel不是函数”的答案

我并不感到惊讶，因为我的owl-carousel.min.js没有加载：在控制台中看到错误“加载失败...”

这是我的代码中的functions.php部分

//Désactive jquery de wp
wp_deregister_script('jquery');

//Enqueue scripts
function theme_scripts(){
    wp_enqueue_script('jquery-perso', get_template_directory_uri() . '/sources/js/jquery-slim.min.js', array(), '1.0');
    wp_enqueue_script('carousel', get_template_directory_uri() . '/assets/js/owl-carousel.min.js', array(), '');
    wp_enqueue_script('bootstrap', get_template_directory_uri() . '/sources/js/bootstrap.min.js', array(), '1.0', 'true');
    wp_enqueue_script('bootstrap-popper', get_template_directory_uri() . '/sources/js/popper.min.js', array(), '1.0', 'true');
    wp_enqueue_script('headroom', get_template_directory_uri() . '/assets/js/headroom.min.js', array(), '1.0', 'true'); //header scroll stuff
    wp_enqueue_script('main-script', get_template_directory_uri() . '/assets/js/script.js', array(), '1.0', 'true');
    wp_enqueue_script('audioplayer', get_template_directory_uri() . '/assets/js/audioplayer.js', array(), '1.0', 'true'); //audio stuff

}
add_action( 'wp_enqueue_scripts', 'theme_scripts' );

然后使用我的home.php博客部分


<!-- Content -->
             <div class="row">
                 <!-- Set up your HTML -->
                    <div class="owl-carousel">
                      <div> Your Content </div>
                      <div> Your Content </div>
                      <div> Your Content </div>
                      <div> Your Content </div>
                      <div> Your Content </div>
                      <div> Your Content </div>
                      <div> Your Content </div>
                    </div>
             </div>

然后，我的script.js最终加载

/*------- Active owl carousel --------*/
$(document).ready(function(){
  $(".owl-carousel").owlCarousel();
});

我必须是脚本加载者，但是我陷入了错误：无法加载“ correct / path / js / owl-carousel.min.js”

和

TypeError：$（...）。owlCarousel不是函数。

我希望我的脚本正在加载，并且没有TypeError。最后将我的div显示在前端。

一些帮助将不胜感激。（我是法国人，对不起我的英语）

无法在我的wordpress自定义主题中加载owl-carousel2脚本-无法加载我的owl脚本+ TypeError

0 个答案: