用于 Rails 应用程序的看似简单的 js 插件答案

【问题标题】：Seemingly Simple js plugin for rails app用于 Rails 应用程序的看似简单的 js 插件
【发布时间】：2013-05-02 03:30:26
【问题描述】：

我正在尝试在我的 rails 项目中设置 alertify 而不使用任何 gem，但我无法让 hello world 实现正常工作。我花了半天多的时间，不知道为什么。

在application.js

//= require alertify

在vendor/assets/javascripts

alertify.js

在front.js.coffee

alertify.alert "I'm an alertify alert"

在vendor/assets/stylesheets

alertify.default.css

控制台没有任何内容。我被卡住了，我错过了什么？另一个插件也有类似的问题，我试过调用是使用脚本标签形成视图，我得到一个 Uncaught ReferenceError: alertify is not defined 错误。

【问题讨论】：

【解决方案1】：

我试图通过构建一个简单的测试应用程序来重现您的问题 - 我已将 my test rails app on github 放入以进行比较。

我最好的猜测是，front.js.coffee 中的 javascript 是在 alertify（和 DOM）加载之前执行的。在我的情况下，以下工作很好：

$ ->
  alertify.alert "I'm an alertify alert"

这编译为$(function(){alertify.alert("I'm an alertify alert");});。请参阅jQuery documentation for details on the $ function。

顺便说一句，你还应该把alertify.core.css放在vendor/assets/stylesheets中，并在application.css中要求它：

*= require alertify.core
*= require alertify.default

后面没有解决你说的问题，不过让alertify看看就好了;)

【讨论】：