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