Почему не работает скрипт?

Question

[Егор Рублёв]

Всем привет, вообще этот скрипт работает, в оригинале вместо top был background-color и все работало, а почему не работает с top? Кто-нибудь мог бы сделать рабочий пример, или объяснить, как это реализовать.

<script>
jq_144(document).ready(function($) {
	
$('#block-new93, #block-new31').hover(
		function()
			{$('#block-new93').css("top", "2161px !important");}
		, function()
			{{$('#block-new93').css("top", "2331px !important")};
	});

});

</script>

Вот код блока:

<div class="block block-box is-box" id="block-new93" style="display: block;position: absolute;background-position: 0% 0%;background-repeat: no-repeat;border-width: 0px;width: 460px;height: 70px;left: 10px;top: 2331px;z-index: 157;anchor-id: #block-new93;opacity: 0.8;border-color: #cccccc;border-style: none;fix-position: on;background-color: #e572b5;">
              
          </div>

Answer 1

[Alexander Sydorenko]

Предположительно у #block-new93 и #block-new91 не абсолютно позиционированы, для которого top имеет место.

Comments

[Егор Рублёв]

Косяка в CSS быть не может, его конструктор генерирует. Код, что я написал, он должен работать?

[Alexander Sydorenko]

Косяк с скобками как писал @Taraflex тоже был. Раз не помогло, проверьте все-таки стоит ли у #block-new93 и #block-new91 position:absolute либо position:fixed

[Егор Рублёв]

@San40: Точно стоит, прикрепил код блока в вопросе.

[Alexander Sydorenko]

@FaloSun: можно глянуть сайт?

[Alexander Sydorenko]

@FaloSun: и кстати, !important можно убрать, jQuery добавляет стили через style:"..." к элементу, что имеет наивысший приоритет правила.

[Егор Рублёв]

@San40: testlpgenerator.ru/stranitsa-168942 к примеру вот

[Alexander Sydorenko]

@FaloSun: не вижу где в этом сайте есть ваш js код. не нашел..

[Егор Рублёв]

@San40: его здесь нету, я пример сайта показал, я просто не могу ту страницу опубликовать.

[Alexander Sydorenko]

@FaloSun: так мне же именно в действии надо это все посмотреть..

[Егор Рублёв]

@San40: добавил

[Alexander Sydorenko]

@FaloSun: Попробуйте убрать !important. Функция вызывается..

[Егор Рублёв]

@San40: Точно, огромное спасибо, только странно, что не работает с ним.

[Alexander Sydorenko]

@FaloSun: и оставить в только hover на block-new2

[Alexander Sydorenko]

@FaloSun: рад что разобрались! я писал выше почему оно не уместно, но сам не знал что еще и мешает.

[Златослав Десятников]

@FaloSun, вот так вот прекрасно работает.
Во-первых, у Вас там точки с запятой лишние, во-вторых, "!important" там не нужен.
Вот ссылка на JSbin

Answer 2

[Златослав Десятников]

Во-первых, у Вас там точки с запятой лишние.
Во-вторых, "!important" там не нужен.
JS bin

Answer 3

[Александр Таратин]

Скобки не там

jq_144(document).ready(function($) {

    $('#block-new93, #block-new31').hover(
        function() {
            $('#block-new93').css("top", "2161px !important");
        },
        function() {
            $('#block-new93').css("top", "2331px !important");
        }
    );

});

Comments

[Егор Рублёв]

Не помогло.

[Inteli Sense]

Управы на говнокод там нет...