Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery动画参数_Jquery_Jquery Animate - Fatal编程技术网

Jquery动画参数

Jquery动画参数,jquery,jquery-animate,Jquery,Jquery Animate,div1和div2都是中的div 我想单击div1,然后div2的位置将转到:top:0px左:200px相对于 如何编写动画部分 您可以使用top和left属性将对象传递给,如下所示: $(document).ready(function() { $(".div1").click(function() { $(".div2").stop().animate(...); }); }); 确保元素在这里设置了一个relative或absolute位置,无论您选择哪

div1div2都是
中的div

我想单击div1,然后div2的位置将转到:
top:0px
左:200px相对于


如何编写动画部分

您可以使用
top
left
属性将对象传递给,如下所示:

$(document).ready(function() {
    $(".div1").click(function() {
        $(".div2").stop().animate(...);
    });
});

确保元素在这里设置了一个
relative
absolute
位置,无论您选择哪个位置,否则
top
left
都将无效。

我已经将content、div1、div2都设置为position:relative,但没有效果。@yuli-它们有类或ID吗?你有类选择器,所以我在这里假设,如果它们是ID,你需要不同的选择器,例如
#div1
而不是
.div1
@yuli-这里有一个演示:你是这样设置的吗,有什么不同的…你的控制台中有JavaScript错误吗?好的,谢谢,我会读这一个,如果有更多问题,请再次询问。谢谢
$(document).ready(function() {
    $(".div1").click(function() {
        $(".div2").stop().animate({ top: 0, left: 200 });
    });
});