在 Rails 6 中测试 jquery答案

【问题标题】：Testing jquery in Rails 6在 Rails 6 中测试 jquery
【发布时间】：2019-10-11 21:44:54
【问题描述】：

我对编程和测试很陌生，看看 jquery 是否适用于我的 rails 6 设置。为了做到这一点，我有：

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

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

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

【问题讨论】：

您是否在您的开发者console 中看到任何错误，如果有，您可以将它们添加到您的问题中吗？
Rails 命令行中没有错误。我不确定这是否是您的意思...？ chrome的“开发人员工具”下的控制台中也没有任何内容-以防我误解了您的问题...
你理解我的问题是对的。所以在你的脚手架索引视图页面-->右键单击页面上的某处-->点击View Page Source-->然后你能看到<script>标签吗？
是的 - 我可以看到
你真的把 jquery 添加到你的项目中了吗？默认情况下它不会出现在 Rails 上，你必须添加它，如果是，显示你是如何做到的

【解决方案1】：

把脚本移到div下面，这样脚本执行时就加载了div：

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

或者你需要在页面加载时调用脚本：

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

【讨论】：

谢谢，我刚刚尝试了这两种方法，但它们似乎都不起作用。这就是为什么我想知道 Jquery 是否真的在工作......？
你在application.js和Gemfile添加了吗？
我的理解是，您不需要在 rails 6 中执行此操作，因为它与 webpacker 预打包...但我可能错了...它似乎在 Package.json和 Application.js