Bootstrap Carousel Error == TypeError:$(...).carousel不是一个函数

Question

我知道之前已经问过这个问题,但相关的帖子在方法上有所不同,而且小提琴的例子也被删除了.

我的情况:我在这里下载了整个Bootstrap表单:http: //getbootstrap.com/getting-started/("Bootstrap"文件夹)

我将这些文件添加到我的themes文件夹中,创建了style.css和functions.php以及page.php和index.php

然后我在我的自定义主题的function.php中使用以下代码将Bootstrap CSS + JS排入队列:

    function enqueue_my_scripts() {
wp_enqueue_script( 'jquery', '//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js', array('jquery'), 'null', true); // we need the jqyery library for the Bootstrap plugins
wp_enqueue_script( 'bootstrap-js', 'js/bootstrap.min.js', array('jquery'), true); // all the Bootstrap javascript plugin goodness
}
add_action('wp_enqueue_scripts', 'enqueue_my_scripts');
function enqueue_my_styles() {
wp_enqueue_style( 'bootstrap-style', get_template_directory_uri() . '/css/bootstrap.min.css');
wp_enqueue_style( 'my-bootstrap-style', get_template_directory_uri() . '/style.css', array(bootstrap-style)); }
add_action('wp_enqueue_scripts', 'enqueue_my_styles');

然后,我使用wp-types插件"布局"生成包含图像滑块的布局

此滑块仅显示第一个图像,没有按钮工作,也不显示自动播放.

错误是:

TypeError: $(...).carousel is not a function

现在我是菜鸟,我不知道我必须做什么.

我在我的主题中有一个page.php和一个index.php,两者都包含了集成Layouts插件的代码(为此,你删除了默认的WP Loop并将其替换为

<?php
 the_ddlayout();
?>

插件"布局"不会将新模板文件添加到主题文件夹,而是将它们存储在数据库中

我只知道这个错误说这不是一个功能.我必须首先在我的主题中注册该功能吗？

有人能指出我的解决方案吗？

我非常感谢.

我非常想添加一个图像...但我需要更多的声誉告诉我编辑.

如果您访问网站yoonect中的示例页面,您可以看到这种情况.

Answer 1

从TypeError: $(...).carousel is not a function它看来,jquery没有正确加载.

为脚本尝试以下修改的函数:

function enqueue_my_scripts() {
wp_enqueue_script( 'jquery', '//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js', array('jquery'), '1.9.1', false); // adding in header
wp_enqueue_script( 'bootstrap-js', get_template_directory_uri().'/js/bootstrap.min.js', array('jquery'), true); // addition of 'get_template_directory_uri()'
}

希望能帮助到你...