Wordpress - jQuery - easeOutBounce不工作

Question

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://www.learningjquery.com/js/jquery-1.7.1.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js">    
</script>
<script>
$(document).ready(function(){
$('.homeslider, #left, #right').hover(function(){
    $('.slidercaptions').animate({"height": "47px", "padding-top": "25px"}, {duration: 10, easing: 'easeOutBounce'});
            }, function(){
            $('.slidercaptions').animate({"height": "0", "padding-top": "0"},     10);
        })
    })
</script>

一旦在.homeslider元素中悬停，.slidercaptions应该会获得高度和弹跳。我不知道我做错了什么。任何线索都将不胜感激。谢谢

另外，我还包含了Easing插件。

<?php
wp_enqueue_script( 'easing' );
wp_enqueue_script( 'jquery-easing', get_template_directory_uri() . '/js/jquery.easing.1.3.js', false);
?>

Answer 1

您可以使用jquery-effects-core

function load_scripts() {
    wp_enqueue_script('jquery');
    wp_enqueue_script("jquery-effects-core");
}
add_action( 'wp_enqueue_scripts', 'load_scripts' );

它将加载WP的标准脚本，其中包含easing功能。使用wp_enqueue_script加载脚本，这是在WP中添加脚本的正确方式，而且您还链接了多个版本的jQuery。

Answer 2

@Sheikh Heera -谢谢，我找到了我的错误，我看错了文件。我忘了删除css文件中为.slidercaptions设置的第一个样式。应该删除过渡。

.slidercaptions{
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s easen-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;

}