如何让我的页面加载jQuery UI效果库？

时间：2013-02-22 作者：user2093838

我第一次使用javascript在我的网站主页上制作一些简单的动画。到目前为止，我已经在标题中添加了以下内容。php文件（仅用于我的主页），位于wp\\U标题行之前。

<?php
function my_scripts_method() {
    wp_enqueue_script(\'jquery\');            
}    

add_action(\'wp_enqueue_scripts\', \'my_scripts_method\'); // For use on the Front end (ie. Theme)
?>
它正在将jquery加载到我的页面中！我只需要在主页上使用它，这就是为什么我不在函数中调用它。php之类的。

我只需要在我的主页上做一些简单的动画，需要一些建议。当页面加载时，我希望徽标从页面顶部向下移动到位，然后我希望菜单使用盲效果显示在其下方。当有人单击菜单项时，我需要使用盲效果隐藏菜单、更改背景颜色、移动徽标，以及将徽标从一个png转换到另一个png（以便它看起来也会更改颜色）。

法典(http://codex.wordpress.org/Function_Reference/wp_enqueue_script) 表示jQuery UI核心不包括jQuery UI效果。

How do I get my page to load the jQuery UI Effects library?

或者，也许有人可以提供比jQuery UI效果更好的js文件建议

1 个回复
SO网友:Wyck

您可以在函数中调用脚本以仅加载首页或主页。codex不是一个非常完整的参考，要包含jQuery UI Effects核心，您可以执行以下操作：

wp_enqueue_script( \'jquery-effects-core\');
或者，您可以选择想要的效果，例如：

 wp_enqueue_script( \'jquery-effects-blind\');
以下是对jQuery效果名称的引用，您可以将其排入队列：

jquery effects核心jquery效果下降jquery效果爆炸jquery效果减弱jquery效果折叠jquery效果突出显示jquery效果脉动jquery效果缩放

function my_scripts_method() {
    if ( is_front_page ) { 
    // make sure jQuery is loaded
    wp_enqueue_script(\'jquery-ui-core\', \'\', \'\', array(\'jquery\'));
    wp_enqueue_script(\'jquery-effects-core\', \'\', \'\', array(\'jquery\'));
    }
}
add_action(\'wp_enqueue_scripts\', \'my_scripts_method\');

结束
标签： jquery   javascript   wp-enqueue-script   jquery-ui   小码农  

相关推荐

将小部件正确添加到砖石布局-jQuery&&||PHP

我尝试在我的小部件区域中逐渐添加到砖石布局（下面的PHP），但我无法像其他块一样将其包含到砖石中。 $counts = 0 ; $addin = get_sidebar(\'masonry\'); foreach ($posts as $post) : setup_postdata($post); $counts++; ?> <div class=\"box\">