響應式網格已打破我的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; 
}