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應該獲得高度和反彈。我不知道我做錯了什麼。任何線索將不勝感激。謝謝

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

@謝赫赫拉 - 謝謝，我發現我的錯誤，我正在尋找錯誤的文件。我忘了在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; 

}