javascript - 在 Rails 6 中测试 jquery

Question

我对编程和测试相当陌生，以确定 jquery 是否适用于我的 Rails 6 设置。为了做到这一点，我有:

1. 创建了一个新的 Rails 应用程序
2. 生成了一个脚手架
3. 将以下代码插入到新创建的脚手架的index.html.erb View 中

<script type='text/javascript'>
  $('#mydiv').show();
</script>

<div id='mydiv' style='display:none'>
   TEST
</div>

我希望它显示测试文本。但即使页面的其余部分呈现，它似乎也没有出现...非常欢迎任何帮助...

Answer 1

将脚本移至div下方，以便执行脚本时加载div:

 <div id='mydiv' style='display:none'>
   TEST
 </div>
 <script type='text/javascript'>
   $('#mydiv').show();
 </script>

或者您需要在页面加载时调用脚本:

$(document).ready(function(){
  $('#mydiv').show();
});