2014-05-22 20 views
0

遇到应该非常简单的事情时遇到问题。基本上,我有右手垂直菜单,其中当页面调整到特定点时,我的客户端想要在其上包含滚动条。当调整页面大小时,使滚动条出现在垂直菜单上

<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); 

似乎无法得到它工作。该CSS属性是永远不会。移动-navigation.open内输​​入和我在Firebug的错误:

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

您可以在汉堡菜单上单击,并检查了这里:

www.prometrika.com/newPMK

已经搜索了几个小时,并尝试了一切。 Jsfiddles很好地指出我做错了什么。

回答

0

$('.mobile-navigation.open')是未定义的,因为您的div有2个独立的类:mobile-navigationopen。他们不一样。

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

相关问题