Javascript无法在rails视图中加载

javascript not loading in rails view

本文关键字：视图 加载 rails Javascript      更新时间：2023-09-26

这是我的观点。

       <button type="button" class="answerswer-button">Respond</button>
        <section class="answerswer-form">
          <%= render 'shared/answer_form',micropost: micropost %>
        </section>
        <script type="text/javascript">
        $(document).ready(function(){
            $(.answer-button).click(function(){
              $(.answer-form).slideDown();
            });
        });
        </script>

当我点击按钮时，表单应该向下滑动。但这行不通。

DOM选择器

缺少双引号

你在script标签中有一个错别字，它应该是

<script type="text/javascript">

也，$(.answer-button)和$(.answer-form)是错误的，类应该作为字符串传递，所以基本上它应该看起来像$('.answer-button')和$(.answer-form) !

修复错别字，然后试试这个

<script type="text/javascript">    
  $('body').on('click', '.answer-button', function(){
    $('.answer-form').slideDown();
  });
</script>

希望这对你有帮助!

相关文章：