jQuery $ ('# mydiv'). css ('top', '500');не работает

Question

С:

#mydiv{ position:relative; }

Когда я выполняю:

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

Не работает, я вообще не получаю ошибок.

В основном то, что мне нужносделать, это переместить (не оживить) этот DIV на 500px вверх, есть ли другой способ сделать это?

Answer 1

Указание установить верх: до 500px собирается переместить его на 500px от относительной позиции, а не идти вверхВы должны использовать отрицательное число, например -500px.

Answer 2

Перемещение на 500 пикселей вверх:

Сначала получите текущую позицию (эта относительно родительской)

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

Затем переместите его

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

Answer 3

Использование функции Jquery .css обновляет верхнее значение, но изменения не отражаются на экране.

Используйте $ ('# mydiv'). Offset ({top: 500});Это обновит верхнее значение как в DOM, так и на экране.

Answer 4

вы хотите использовать 500px вместо 500

Answer 5

В CSS после установки позиции: абсолютная; попробуйте установить "top: 0px;". Это может помочь.

Answer 6

Проверьте, загружается ли Jquery в firebug.Для тестирования также добавьте предупреждение, чтобы убедиться,$ (Функция () {alert («Jquery загружается»);});

Если Jquery загружается, попробуйте этот $ ('# mydiv'). Css ({'top': '500px'});

Answer 7

Вы уверены, что jQuery работает? Также убедитесь, что он загружается не более одного раза.

Answer 8

Вам нужно иметь #myDiv в качестве селектора jQuery: $("#myDiv")

И, если я правильно помню, ваш контейнер div (родительский) должен быть:

position: relative;

иваш "#myDiv" должен быть:

position: absolute;

Answer 9

пара вещей 1. у вас есть опечатка должна быть #mydiv, а не $ mydiv (в части js) 2. проверьте с помощью firebug, изменяется ли элемент после выполнения команды.

Спасибо

Answer 10

Попробуйте

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

Обратите внимание на знак фунта (#) перед идентификатором.Вы используете знак доллара ($).