如何实现jQuery插件到Wordpress

我仍然试图实现jquery.contenthover.js -Plugin into wordpress，但我不能让它工作。如何实现jQuery插件到Wordpress

首先，我已经注销了由wordpress加载的jQuery，因为插件需要更高的版本，并且注册了&排入了更高的..然后排入plugin-js ..为此我添加了以下函数。 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中，调试器的新jQuery是正确加载，但jquery.contenthover.min.js变灰（？）。。我该如何解决这个问题？

编辑：

感谢杰里米，我现在才知道，该插件-JS是否正确装入..但它仍然不会wirk ..当我从WordPress的提取代码到一个新的HTML（远）它一切工作正常..在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>

但没有努力。有人能告诉我，我做错了什么？

来源

2015-11-11 AdmiralCrunch

你的页面上的脚本标记在哪里？它必须在其他脚本包含之后出现。为了确保这种情况，你应该把这个脚本写在外部文件中，并将它与排入库的相同排列（确保你指定'contenthover'为依赖项）。 – Jeremy

jQuery-2.1.4在头文件中作为加载的拳头js .. contenthover.js和contenthoverInit（这里我已经把DIV的初始化代码）放在源代码的底部.. close到 -tag – AdmiralCrunch

您的JavaScript控制台中是否有任何错误？ – Jeremy

Firefox以缩小的灰色脚本显示，就像您包含的脚本一样。所以实际上，没有问题：包含脚本。

但是，您应该避免使用init操作排队脚本，因为wp_enqueue_scripts是更好的操作。另外，你指出新的jQuery是你的脚本的依赖，所以你不需要自己排队。如果您想了解更多信息，我写了a complete guide about wp_enqueue_script()。

来源

2015-11-11 14:45:38 Jeremy

非常感谢你:) – AdmiralCrunch

如何实现jQuery插件到Wordpress

回答

相关问题