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应该获得高度和反弹。我不知道我做错了什么。任何线索将不胜感激。谢谢

P.S。我还包括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;

}

Wordpress - jQuery - easeOutBounce无效

2 个答案: