где поставить JS для типсы - JQuery всплывающая подсказка

Question

Итак, я скачал и включил в свои таблицы стилей и файлы javascript "tipsy.css" и "jquery.tipsy".Я добавил изображение "tipsy.gif" и изменил его путь.Я добавляю в application.js следующее

$(window).load(function () {
   $('#example-1').tipsy();
});    

И ставлю эту строку в моем представлении:

<a id='example-1' href='#' title='Hello World'>Hover over me</a>

Когда я наводю на нее курсор, никакая пьяная магия не срабатывает.Только стандарт на заголовке.Что я здесь не так делаю?

Я использую ruby ​​на рельсах и включил это в свои таблицы стилей и js:

<%= stylesheet_link_tag 'application','tipsy'%>
<%= javascript_include_tag "application", "jquery", "jquery.tipsy"%>

Я много чего пытался изменить мой window.loadфункционировал и менял классы своего элемента и много гуглил, но я просто не могу найти ответ, что здесь не так.

Любая помощь будет принята с благодарностью.

Answer 1

Полезный источник разбит на правильные папки. Вы помещаете файлы в таблицы стилей / в публичные / таблицы стилей и так далее. Тогда я бы добавил javascript_include_tag "jquery.tipsy". Обязательно просмотрите исходный код, чтобы убедиться, что он загружается, если нет, то у вас есть несоответствие имени / пути.

Кстати, убедитесь, что вы установили обработчик ujs для jQuery, в противном случае вы все еще используете rails-default для prototype, так что это означает, что вы ссылаетесь на функцию $ фактически направляются на прототип, а не на jQuery.

Answer 2

Изменение:

<%= javascript_include_tag "application", "jquery", "jquery.tipsy"%>

на:

<%= javascript_include_tag "jquery", "jquery.tipsy", "application" %>

Я не знаю Ruby по рельсам и javascript_include_tag, но я предполагаю, что вы загружали application.js до jQueryтам, где это возможно.