Question

我正在尝试将此插件 - Glide.js ----合并到我的wordpress主页中。请查看README文件以获取指令参考。

以下是我创建的自定义页面模板* * / / p>

<?php
/**
* The template used for displaying frontpage content
*
* @package WordPress
* @subpackage Twenty_Fourteen
* @since Twenty Fourteen 1.0
*/
?>

<head>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/glide/css/style.css"/>

<?php
function my_init() {
    if (!is_admin()) {
        wp_deregister_script('jquery');
        wp_register_script('jquery', 'http://code.jquery.com/jquery-1.9.1.min.js', false, '1.3.2', true);
        wp_enqueue_script('jquery');

        // load a JS file from my theme: js/theme.js
        wp_enqueue_script('my_script', get_bloginfo('/wp-content/themes/twentyfourteen') . 'glide/jquery.glide.js', array('jquery'), '1.0', true);
     }
}
add_action('init', 'my_init');
?>

</head>

    <div class="front-content"> 
                <div class="slider">
                         <ul class="slides">
                           <li class="slide"><img alt="" src="http://mydomain.com/wp-content/images/hosting.png"/></li>
                           <li class="slide"><img alt="" src="http://mydomain.com/wp-content/images/web-development.png"/></li>
                           <li class="slide"><img alt="" src="http://mydomain.com/wp-content/images/domains.png"/></li>
                         </ul>
                        </div>

      </div><!-- .front-content -->

我不确定我的代码在哪里出错了，但基本上我得到的输出是连续列表格式的3张幻灯片图片，即。而不是真正的幻灯片。

整个输出也会偏离中心并稍微偏离页面显示。

根据README，我也不确定如何列出/创建API实例，或使用建议的脚本来初始化。

----我哪里错了：/

Answer 1

避免取消注册jQuery。

将此添加到functions.php文件

function my_enqueue_glide() {
    wp_enqueue_style( 'glide', get_template_directory_uri() . '/glide/css/style.css' );
    wp_enqueue_script('jquery-glide', get_template_directory_uri() . '/glide/jquery.glide.js', array( 'jquery' ), '1.0', true );
}
add_action( 'wp_enqueue_scripts', 'my_enqueue_glide' );

同时从问题中显示的页面模板以及样式表中删除函数和操作挂钩

需要帮助加载jquery插件Wordpress 3.8

1 个答案: