Jquery 使用从左到右的动画显示div

我有一个页面，我想显示从左到右的幻灯片效果的div，但这是相反的，从右到左，不确定这里出了什么问题，有人能看一下吗

$（文档）.ready（函数（）{
$（“#包装”）。设置动画({
对：“100%”
}“慢”）；
});
#包装器{
位置：固定；
z指数：101；
排名：0；
颜色：#fff；
字体大小：粗体；
字体大小：10px；
高度：50px；
宽度：100%；
最小宽度：50px；
背景：红色；
}

内容在这里。。
您试图告诉jQuery从
右侧：0至<代码>右侧：100%将元素距离0从右移动到100%从右，因此它是一个从右到左的动画

您可能必须将元素初始状态设置为
right:100%
，并将jqueryanimate设置为
right:0
，才能获得效果

我在这里实现了一个CSS版本，它初始化了
#wrapper{right:100%；transition:1s；}

并通过向其应用类来设置位置
#wrapper.animate{right:0；}

您只需切换元素的类
$（“#wrapper”）.addClass（“animate”）

试试这个


$（文档）.ready（函数（）{
$（“#包装器”）.animate（{right:'0'}，'slow'）；
});
#包装器{
位置：固定；
z指数：101；
排名：0；
颜色：#fff；
字体大小：粗体；
字体大小：10px；
高度：50px；
宽度：100%；
最小宽度：50px；
背景：红色；
右：100%；
}

内容在这里。。

$（文档）.ready（函数（）{
$（“#main”）.animate（{right:'0'}，'slow'）；
});
#主{
z指数：999；
排名：0；
颜色：#000；
字体大小：粗体；
字体大小：10px；
高度：50px；
宽度：100%；
最小宽度：50px；
背景：黄色；
位置：固定；
右：100%；
}

内容在这里。。