0

Есть адаптивное фиксированное меню

    <script type="text/javascript">
$(document).ready(function(){ 
var touch   = $('#touch-menu');
var menu    = $('#menu ul');

$(touch).on('click', function(e) {
    e.preventDefault();
    menu.slideToggle();
});

$(window).resize(function(){
    var w = $(window).width();
    if(w > 790 && menu.is(':hidden')) {
        menu.removeAttr('style');
    }
});
});
</script>

Нужно, чтобы при клике на #touch-menu сменилось свойство position c fixed на absolute у блока #menu.

Пробовал так

<script type="text/javascript">
$(document).ready(function(){ 
    var touch   = $('#touch-menu');
    var menu    = $('#menu ul');
    var msld    = $('#menu');

    $(touch).on('click', function(e) {
        e.preventDefault();
        menu.slideToggle();
        msld.style.position = "absolute";
    });

    $(window).resize(function(){
        var w = $(window).width();
        if(w > 790 && menu.is(':hidden')) {
            menu.removeAttr('style');
        }
    });

});
</script>

Выдает ошибку

Uncaught TypeError: Cannot set property 'position' of undefined

0

2 ответа 2

2
msld.css('position', 'absolute');
0
msld.style.position = "absolute";

Выбери один из следующих вариантов. Вероятно, первый.

msld.css('position', "absolute");
msld[0].style.position = "absolute";

Ваш ответ

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

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