小编smi*_*eda的帖子

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

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

我的情况:我在这里下载了整个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');
Run Code Online (Sandbox Code Playgroud)

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

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

错误是:

TypeError: $(...).carousel is not a function
Run Code Online (Sandbox Code Playgroud)

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

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

<?php
 the_ddlayout();
?>
Run Code Online (Sandbox Code Playgroud)

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

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

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

javascript wordpress layout carousel twitter-bootstrap

1
推荐指数
1
解决办法
8656
查看次数

在WordPress中正确加入脚本和样式

这是一个简单的任务,但我失败了:(

在HTML模板中,我将在头部执行以下操作:

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

<link href="css/bootstrap.min.css" rel="stylesheet">

<link href="css/mdb.css" rel="stylesheet">

<link href="css/style.css" rel="stylesheet">
Run Code Online (Sandbox Code Playgroud)

在主体关闭标签之前:

<script type="text/javascript" src="js/jquery.min.js"></script>

<script type="text/javascript" src="js/bootstrap.min.js"></script>

<script type="text/javascript" src="js/mdb.js"></script>
Run Code Online (Sandbox Code Playgroud)

如何在WP中排入上述确切样式和JS?

是的,使用enqueue_style和enqueue_script

但是,不幸的是,当我尝试使用JS时,它没有排队。始终由引导JS而不是mdv.js覆盖

有人可以给我一个例子,上面的样式和脚本如何正确地放入我的functions.php中吗?

我很感激

这是一个示例代码

function my_scripts() {


    wp_enqueue_style( 'google-styles', get_template_directory_uri() . '/css/mdb.css');
    wp_enqueue_style( 'bootstrap-styles', get_template_directory_uri() . '/css/goldbootstrap.css', array(), '3.3.4', 'all' );

    wp_enqueue_style( 'font-awesome', get_template_directory_uri() . '/css/font-awesome.min.css', array(), '4.3.0', 'all' );

    wp_enqueue_style( 'my-style', get_stylesheet_uri() );





    wp_enqueue_script( 'bootstrap-js', get_template_directory_uri() . '/js/bootstrap.min.js', array('jquery'), '3.3.4' );
    wp_enqueue_script('mdb-js', get_template_directory_uri() . '/js/mdb.js' );


    if ( is_singular() && …
Run Code Online (Sandbox Code Playgroud)

wordpress

0
推荐指数
1
解决办法
1952
查看次数