如何将jQuery-Plugin实现到Wordpress

时间:2015-11-11 14:33:04

标签: javascript php jquery wordpress plugins

我仍在尝试将 jquery.contenthover.js -Plugin实现到wordpress中,但我无法让它工作。

首先,我已取消注册wordpress加载的jQuery,因为插件需要更高版本,并注册&排队了一个更高的..然后将插件j加入...为此我添加了以下我的functions.php

function init_js_scripts() {
    if (!is_admin()) {

        wp_deregister_script('jquery');
        wp_register_script('jquery','//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js',false, '2.1.4');
        wp_enqueue_script('jquery');                        

        wp_enqueue_script('contenthover', get_template_directory_uri() . '/assets/js/jquery.contenthover.min.js', array('jquery'), false, true);


    }
}

add_action( 'init', 'init_js_scripts');

无论我尝试什么,它都不会说:/ ..在Firefox-Debugger中新的jquery被正确加载但是 jquery.contenthover.min.js 是灰色的(?)。我该如何解决这个问题?

编辑:

感谢Jeremy,我现在知道,Plugin-Js正确加载..但它仍然不会推卸..当我将代码提取到一个新的HTML(远离wordpress)时,一切正常......在WP它不.. ..我用

<script type="text/javascript"><!--//--><![CDATA[//><!--
var $j = jQuery.noConflict();
$j(document).ready(function () {

$j('#d1').contenthover({
    effect:'slide',
    slide_speed:300,
    overlay_background:'#000',
    overlay_opacity:0.8
});
});
 //--><!]]//></script>

但没有努力。有人能告诉我,我做错了吗?

1 个答案:

答案 0 :(得分:1)

Firefox以缩小的灰色脚本显示,就像您包含的那样。实际上,没有问题:包含你的脚本。

但是,您应该避免使用init操作来排队脚本,因为wp_enqueue_scripts是更好的操作。此外,您表明新的jQuery是您的脚本的依赖项,因此您不需要自己将它排入队列。如果你想了解更多信息,我写了a complete guide about wp_enqueue_script()