рельсы JQuery Аккордеон

Question

Как настроить jQuery для работы с рельсами.Я специально хочу использовать функцию аккордеона.Я использовал это раньше с PHP, но я не могу понять, где все должно идти в приложении Rails.Я импортировал jQuery в папку javascript и включил его в приложение.Мой HTML выложен правильно, но я не понимаю, куда должно идти следующее:

<script>
  $(document).ready(function() {
    $("#accordion").accordion();
  });
</script>

Я также пытался установить jRails и использовать сценарий Accordion, но ни один из них не работал, так что я думаю,Мне не хватает какой-то жизненно важной связи между javascript и rails.

Я просмотрел некоторые подробные инструкции о том, как его настроить, и если кто-то имеет ссылку или может просмотреть ее, это будет оценено.

После проверки firebug я вижу, что получаю следующую ошибку:

$("#accordion").accordion is not a function

Я вызываю jQuery до вызова application.js

Answer 1

Вы также должны убедиться, что вы закомментировали библиотеки javascript по умолчанию, потому что сразу после установки приложения Rails поставляются с прототипом, который будет конфликтовать с вашей библиотекой jQuery.

Это выглядит так:

<%= javascript_include_tag :defaults %>

Вы сталкиваетесь с какими-либо ошибками JavaScript в firebug?

Answer 2

Вам просто нужно поставить эту строку в поле зрения, если вы не хотите использовать систему UJS.

Вместо этого вы можете поместить его в ваш application.js и запросить его в своем головном узле.

Answer 3

1. Я скачал не ту библиотеку jQuery, ссылка на сайте указала на неполный файл .js.Загрузите то, что вам нужно: http://jqueryui.com/download не просто загрузите файл из http://docs.jquery.com/Downloading_jQuery
2. . Вызывайте только те файлы javascript, которые вам нужны, прямо в стандартном макете, не используйте опцию: defaults.
3. Если вы собираетесь использовать множество необычных вещей jQuery на разных страницах, добавьте функцию просмотра документов в ваш просмотр, иначе добавьте ее в ваше приложение. Js
4. Убедитесь, что вы вызываете jQueryФайлы интерфейса перед файлом application.js, иначе функции не будут найдены в правильном порядке.