从左至右

问题描述:

嗨IAM如何申请silde切换效果用ajax post方式,如果我在侧边栏和阿贾克斯成功结果IAM其追加到div这样从左至右

$.ajax({ 
     type: "POST", 
     url: "{site_url}publish/my_select_section_form/"+item, 
     success:function(data){ 
      $('.sec-details').hide().html(data).slideDown(); 
     } 
    }); 

它给我往下滑点击效果和多数民众赞成罚款,但如果我想从左边申请拨动向右我能做些什么,任何人都可以建议我

+0

没有内置的功能可实现此据我所知,但看看动画的左或右的属性。这应该会给你想要的效果。 – Nomad101 2013-05-04 12:14:59

+0

No @ Nomad101 iam不寻找inbuilt,因为我也知道它不可能通过内置,iam寻找任何custome代码 – Gautam3164 2013-05-04 12:17:04

+0

也许这个http://*.com/questions/4287578/jquery-animate-向左滑动可以帮助你 – Mangiucugna 2013-05-04 12:17:42

使用jQuery UI是前人的精力很容易:

​​

$.ajax({ 
    type: "POST", 
    url: "{site_url}publish/my_select_section_form/"+item, 
    success:function(data){ 
    // $('.sec-details').hide().html(data).slideDown(); 
    $('.sec-details').hide().html(data).show("slide", { direction: "left" }, 1000); 
    } 
}); 
+0

但是我得到了这个未捕获的类型错误:属性'#'的对象#不是函数 – Gautam3164 2013-05-04 12:27:22

+0

@ Gautam3164你有包括** jQuery UI **在你包含你的jQuery库之后? – 2013-05-04 12:29:01

+0

没有iam不包括任何jQuery UI .. – Gautam3164 2013-05-04 12:30:25

你可能会想自己创建自定义动画

CSS

.sec-details { position: relative; } 

JS

$(".sec-details").hide().html(data) 
$(".sec-details") 
    .css({ 'opacity': 0, 'display': 'block', 'left' : '-150'}) 
    .animate({opacity: 1, left: 0}, 500); 

这里是一个演示http://jsbin.com/ufetit/1/edit