Bootstrap Carousel Error == TypeError: $(...).carousel is not a function

Question

我知道之前有人问过这个问题，但是相关的 post 在方法上有所不同，而且 fiddle 示例也被删除了..

我的情况：我在这里下载了整个 Bootstrap 表格： http://getbootstrap.com/getting-started/（"Bootstrap" 文件夹）

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

然后我使用以下代码将 Bootstrap CSS + JS 添加到自定义主题的 function.php 中：

    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 插件 "Layouts" 生成了一个包含图像滑块的布局

此滑块仅显示第一张图片，按钮 none 有效，自动播放也无效。

错误是：

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

现在我是菜鸟，我不知道我必须做什么。

我的主题中有一个 page.php 和一个 index.php，两者都包含用于集成布局插件的代码（为此，您删除默认的 WP Loop 并将其替换为

<?php
 the_ddlayout();
?>

插件"layouts"不会将新的模板文件添加到您的主题文件夹，而是将它们存储在数据库中

我只知道这个错误说这不是一个函数。我必须以某种方式首先在我的主题中注册该功能吗？

有人可以指出解决方法吗？

非常感谢。

我非常想添加一张图片...但我需要更多声誉告诉我编辑器。

访问yoonect网站的sample-page就可以看到这种情况。

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()'
}

希望对您有所帮助...

Bootstrap Carousel Error == TypeError: $(...).carousel is not a function

Bootstrap Carousel Error == TypeError: $(...).carousel is not a function

javascript

wordpress

layout

carousel

twitter-bootstrap