Question

遇到一些应该非常简单的问题。基本上，我有右侧垂直菜单，其中我的客户希望在页面调整到某一点时包含滚动条。

    <div id="hamburger_menu_parent">
        <span id="toggle-menu"></span>         // User clicks this to open the hamburger menu
          <div class="mobile-navigation open"> // The "open" class is appended with 
                                               // jQuery when menu is clicked.
          <div id="navigation">            
            <ul style="margin-top: 25px;">
              <li>List item </li>
              <li>List item </li>
              <li>List item </li>
              <li>List item </li>
              <li>List item </li>
            </ul>

        </div>
    </div>
</div>

我拥有的jQuery是这个（在另一个网站上搜索它并且必须从他们的代码中找出哪些部分是相关的）：

function ScrollMenuMobile(){
$('.mobile-navigation.open').css('height', $(window.height() + 'px'));
}

$(document).ready(ScrollMenuMobile);
$(document).resize(ScrollMenuMobile);

似乎无法让它发挥作用。永远不会在.mobile-navigation.open中输入css属性，我在Firebug中收到错误：

ReferenceError: $ is not defined
$(document).ready(ScrollMenuMobile);

您可以点击汉堡包菜单并在此处查看：

www.prometrika.com/newPMK

搜索了几个小时并尝试了一切。 Jsfiddles很高兴指出我做错了什么。

Answer 1

$('.mobile-navigation.open')未定义，因为您的div有两个单独的类：mobile-navigation和open。它们不一样。

尝试通过$('.mobile-navigation')选择它。

调整页面大小时，使滚动条显示在垂直菜单上

1 个答案: