在 Rails 6 中测试 jquery

Question

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

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

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