响应式儿童主题和 javascript

Question

我在使用 wordpress 时遇到问题，并将响应式主题儿童化（来自 http://cyberchimps.com/）。

这是网站 http://www.mas-seraphin.com/la-bergerie/，但您需要在 hosts 文件中覆盖 213.186.33.4 www.mas-seraphin.com

这是我的子主题的 css 文件：

/*
 Theme Name:   Responsive Child : mas-seraphin
 Theme URI:    http://www.mas-seraphin.com/wp-content/themes/mas-seraphin_responsive-child
 Description:  Responsive Child : mas -seraphin
 Author:       Emerik NICOLE
 Author URI:   http://www.e-nicole.info
 Template:     responsive
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  Responsive Child : mas-seraphin
*/



#mega-menu-wrap-header-menu {
    clear: both;
    margin: 0 auto;
    background-color: #b06df4 !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b06df4), to(#b06df4)) !important;
    background-image: -webkit-linear-gradient(top, #b06df4, #b06df4) !important;
    background-image: -moz-linear-gradient(top, #b06df4, #b06df4) !important;
    background-image: -ms-linear-gradient(top, #b06df4, #b06df4) !important;
    background-image: -o-linear-gradient(top, #b06df4, #b06df4) !important;
    background-image: linear-gradient(top, #b06df4, #b06df4) !important;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b06df4, endColorstr=#3d3d3d);
}

#wrapper {
    clear: both;
    position: relative;
    margin: 20px auto;
    padding: 0px 20px 20px;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    background-color: #f2cb8a !important;
}

这是子主题的functions.php

<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
add_action('wp_footer','customized_js'); 


function theme_enqueue_styles() {
    wp_enqueue_style( 
                    'parent-style',
                    get_template_directory_uri() . '/style.css', 
                    array() 
                    );
    wp_enqueue_style( 'child-style',
                    get_stylesheet_directory_uri() . '/style.css',
                    array('parent-style')
                    );
}






if (!function_exists('customized_js')) {


    function customized_js(){
        echo get_stylesheet_directory_uri()."ter";
        echo get_stylesheet_directory_uri(). '/js/my-jquery-div-slide-effect.js';

        wp_deregister_script( 'jquery' );
        wp_register_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js');
        wp_enqueue_script('jquery'); 

        wp_register_script( 
                    'my-jquery-div-slide-effect',
                    get_stylesheet_directory_uri(). '/js/my-jquery-div-slide-effect.js',
                    array('jquery'),
                    '1.0',
                    True
                    );

        wp_enqueue_scripts('my-jquery-div-slide-effect');
    }
}


?>

我想通过单击 wordpress 页面的链接在 div 上添加显示/隐藏功能。所以我加载了一个自定义 js 文件 my-jquery-div-slide-effect.js ：

jQuery(document).ready(function() {
    jQuery('#tarifs').hide();
    jQuery('a#tarif_title').click(function() {
        jQuery('#tarifs').slideToggle(400);
        return false;
    });
});

当我查看 firebug 时，似乎 my-jquery-div-slide-effect.js 没有加载，而 css overide 运行良好。

你能指出我做错了什么吗？

Answer 1

您的代码中有错字：

wp_enqueue_scripts('my-jquery-div-slide-effect');

应该是

wp_enqueue_script('my-jquery-div-slide-effect');