0

Есть на сайте структура <ul><li><ul><li>. То есть в каждом элементе первого списка еще по списку. Через css меняю свойство top:

.well.sidebar-nav>ul>li>ul{
top: 150px;
}

Список опускается. Тоже самое делаю через js:

    $(document).ready(function(){
    var menu = $('.well.sidebar-nav ul');
    var block = $('.well.sidebar-nav ul>li>ul');//Беру список
    var menuItems = menu.find('li');

    menuItems.mouseover(function(){
        $(this).addClass('hovered');
        $(block).css.top = $(this).offset().top - 268.3999938964844;
        //Меняю списку свойство top
        $(this).mouseleave(function(){
            $(this).removeClass('hovered');
        })
    });});

Ничего на самой странице не меняется. Пробовал выводить $(block).css.top в консоль, он меняется. Без JS не получится, так как нужно динамически отодвигать этот список. Подскажите пожалуйста, что у меня не так.

1
  • 1
    Решил. $(block).css('top', $(this).offset().top - 268.3999938964844);
    – Andr1o
    21 мар 2019 в 17:03

1 ответ 1

1

.css в jQuery объекте это функция.

В данном случае

$(block).css.top = $(this).offset().top - 268.3999938964844;

Функции добавляется свойство top.

Для того, чтобы выполнить функцию, ее нужно вызвать, передав название параметра, и значение:

$(block).css('top',$(this).offset().top - 268.3999938964844);
1

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.