响应式网格已打破我的js元素

Question

我有一个导航栏，它被编程为在on.click上滚动到屏幕上，然后再次回滚on.click。

它工作的很好，但现在它根本不工作。我没有将布局转换为12 col网格以实现流体响应设计，但即使现在我将其设置回另一路，它仍然无法工作。

任何帮助总是赞赏。

这里的网站：http://ericbrockmanwebsites.com/dev4/

和标记起来：

<div class="row-fluid"> 
    <div class="span12"> 
     <div id="dashboard"> 
      <nav id="access"> 
       <div class="open">Here's the Nav Bar 
      </nav> 
     </div> <!-- dashboard --> 
    </div> <!-- span12 --> 
</div> <!-- row-fluid --> 

和脚本：

$('.open').bind('click',function() { 
    $('#dashboard').stop().animate({ 
     right: $(this).hasClass('close') ? '-659px' : '0' 
    }); 
    $(this).toggleClass('close'); 
}); 

现在，我想这是这是造成麻烦的CSS，但我我不知道在哪里看，只是学习响应式设计，我认为它不会帮我倾倒整个样式表，但我会尝试挑出相关位：

html { 
    min-height: 100%; 
    background-size: cover; 
    background-image: url(images/bg.jpg); 
    background-repeat: no-repeat; 
    background-position: right bottom; 
} 

body{ 
    min-height:100%; 
    overflow-x:hidden; 
} 

.row-fluid .span12 { 
    width: 100%; 
    *width: 99.94680851063829%; 
} 

#access { 
    display: block; 
    float: right; 
    margin: 10px auto 0; 
    width: 730px; 
} 

#dashboard { 
    font-size: 30px; 
    float: left; 
    position: absolute; 
    right: -659px; 
    z-index: 100; 
} 

.open { 
    background: #cabd32 url(images/open.png) top left no-repeat; 
    background-position: center; 
    float: left; 
    padding: 32px 35px 33px; 
} 

.close { 
    background: #cabd32 url(images/close.png) top left no-repeat; 
    background-position: center; 
    float: left; 
    padding: 32px 35px 33px; 
} 

一直在它采摘了几个小时，无济于事，爱一些帮助。 欢呼声，

Answer 1

试试这个：

SCRIPT

$('.open').bind('click',function(){ 
    $('#dashboard').stop().animate(
    { 
     right: $(this).hasClass('close') ? '-790px' : '0' 
    }); 
    $(this).toggleClass('close'); 
}); 

，并更改dashboard在CSS

#dashboard { 
    font-size:30px; 
    float:left; 
    position: absolute; 
    right: -790px; 
    z-index: 100; 
}