jQuery $('#mydiv')。css('top','500');不工作

时间:2010-06-30 17:11:15

标签: jquery css

使用:

#mydiv{ position:relative; }

执行时:

$('#mydiv').css('top','500');

不工作,我根本没有收到任何错误。

基本上我需要做的是移动(不是动画)DIV 500px,还有其他方法吗?

11 个答案:

答案 0 :(得分:2)

告诉它设置顶部:500px将从相对位置向下移动500px,而不是上升。你应该使用负数,例如-500px。

答案 1 :(得分:2)

向上移动500 px:

首先获取当前位置(此位置相对于父级)

var topPosition = $('#mydiv').position().top;

然后移动它

$('#mydiv').css('top',(topPosition - 500) + 'px');

答案 2 :(得分:1)

你想使用500px而不是500

答案 3 :(得分:1)

使用Jquery .css函数更新顶部值,但更改不会反映在屏幕上。

使用$(' #mydiv')。offset({top:500});它将更新DOM和屏幕中的最高值。

答案 4 :(得分:0)

据我所知,'$'并不代表jQuery选择字符串中的任何内容。如果您要查找ID为'mydiv'的div,请使用:

$('#mydiv').css('top', '500');

答案 5 :(得分:0)

尝试

$('#mydiv').css('top','500');

请注意ID前面的井号(#)。你使用的是美元符号($)。

答案 6 :(得分:0)

几件事 1.你有一个错字它应该是#mydiv而不是$ mydiv(在js部分) 2.在执行命令后,如果要更改元素,请使用firebug进行检查。

由于

答案 7 :(得分:0)

您需要将#myDiv作为jQuery选择器:$("#myDiv")

而且,如果我没记错,你的div容器(父)需要是:

position: relative;

你的“#myDiv”需要:

position: absolute;

答案 8 :(得分:0)

你确定jQuery正在运行吗?另外,请确保它不会被加载多次。

答案 9 :(得分:0)

检查Jquery是否在firebug中加载。为了测试,还要添加警报以确保
$(function(){
警报('Jquery正在加载');
});

如果正在加载Jquery,请尝试这个$('#mydiv')。css({'top':'500px'});

答案 10 :(得分:0)

在CSS中,设置位置后:绝对;尝试设置“top:0px;”。这可能有所帮助。