Question

我正试图让我的手风琴更好一点......但它并没有发生在我身上......任何想法？

以下是手风琴本身的代码......

    <div id="accordion">
        <h3 id="branding"><a href="#">Branding</a></h3>
        <div>Lorem Ipsum is simply dummy text</div>            
        <h3 id="website"><a href="#">Website</a></h3>
        <div>Lorem Ipsum is simply dummy text</div>
    </div>

头脑中......

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.accordion.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
     $('#accordion').accordion({ navigation: true, easing: 'easeInBack' });
  });
</script>

Answer 1

TypeError: $.ui.accordion.animations is undefined

接受的答案似乎不再适用。

此：

$(function() {    $("#accordion").accordion({
    animated: "eib"  
});

现在已更改为动画：

 $(function() {
   $("#accordion").accordion({
     animate: "easeOutBounce"
 });

解决方案：

$( "#accordion" ).accordion({ 
    animate: { easing: 'easeOutBounce', duration: 1000 }, 
});

Answer 2

我总是使用'animated'属性来执行此操作，而不是使用缓动插件。 e.g：

 $('#some-list').accordion({collapsible: true, 
                            animated: 'bounceslide', 
                            autoHeight: false});

或许试一试。

虽然我已经意识到这仍然使用了缓动插件！

所以我做了一些研究，并在this document中找到了一条评论，解释了如何定义自己的基于缓动的动画。所以，要做你想做的事，你可以使用以下内容：

 $.ui.accordion.animations.eib = function(settings) {
   this.slide(settings, {
     easing: "easeInBack",
     duration: 600
   });
 }      

 $(function() {
   $("#accordion").accordion({
     animated: "eib"
 });

Jquery手风琴缓和

2 个答案: