Как мне открыть div в моем шаблоне Rails, используя CoffeeScript?

Question

У меня есть следующий код на моей странице индекса.

<button id= 'form-show' class= 'btn btn-primary form-btn'> Add Transaction</button
<div class='row'>
  <%=render 'form'%>
</div>

И следующий CoffeeScript:

$('#form-show').click ->
  $('#form-section').slideDown()

Кнопка должна отображать часть формы, которая уже загружена в DOM, но скрыта через:

#form-section{
  display: none;
}

Однако, когда я нажимаю эту кнопку, ничего не происходит. Форма не отображается. Я не знаю, что может быть не так. Это такая простая вещь.

Answer 1

Я создал фрагмент. Я преобразовал CoffeeScript в javascript, так как редактор здесь не поддерживает его. Кажется, все работает.

Так что я думаю, что следующие причины могут быть проблемой.

• Визуализированная форма из рельсов не имеет тот же идентификатор, т. Е. form-section

• Ваш javascript загружен без функции document on ready. Поэтому убедитесь, что ваш код заключен в $(document).ready функцию, подобную этой:

  $(document).ready(-> $('#form-show').click(-> $("#form-section").slideDown() ) )

• Ваш jquery не определен правильно. Проверьте наличие ошибок консоли. И разместите это здесь.

$('#form-show').click(function(){
  $('#form-section').slideDown()
})

#form-section{
  display: none;
  background: #de9a44;
  padding: 10px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<button id='form-show' class= 'btn btn-primary form-btn'> Add Transaction</button
<div class='row'>
  <form id="form-section">
    <h3>Form</h3>
    <input type="text" />
  </form>
</div>

Answer 2

Add Transaction</button

Чего-то не хватает ... Посмотри еще раз ... Закрытие > ...