jQuery通過在Rails應用程序不工作的ID獲取元素

Question

我很困惑這一點。我的jQuery代碼在.erb頁面上工作，但不在我的rails應用程序instanokia.js文件中。任何人都可以解釋爲什麼這不起作用嗎？我有一個的作品，因此jQuery是加載罰款。就緒彈出一個警告...

在我.erb頁：（作品）

<div class="container-fluid"> 
    <div class="row-fluid"> 
     <div class="span12"> 
      <div id="experiment" value="toggle"> 
       <p>Hello</p> 
      </div> 
      <input type="button" id="toggleButton" value="toggle" class="btn btn-primary exp" /> 
     </div> 
    </div> 
<script> 
    $('#toggleButton').click(function() { 
     if ($('#experiment').is(':visible')) { 
      $('#experiment').hide(); 
     } else { 
      $('#experiment').show(); 
     } 
    }) 
</script> 

在我instanokia.js文件（不工作）

$(document).ready (

    alert('working!') 

) 

$('#toggleButton').click(function() { 
    if ($('#experiment').is(':visible')) { 
     $('#experiment').hide(); 
    } else { 
     $('#experiment').show(); 
    } 
}) 

Answer 1

它需要

$(document).ready(function(){ 

    alert('working!'); 

    $('#toggleButton').click(function() { 
     if ($('#experiment').is(':visible')) { 
      $('#experiment').hide(); 
     } else { 
      $('#experiment').show(); 
     } 
    }) 
});