在Camping应用程序中调用Javascript错误

Question

我想了解一下网络应用。我决定从实践中学习，并选择简单地开始露营作为(i)。它很小& (ii)。我知道一些红宝石。

我认为我对HTML和CSS方面的事情和使用MAB很满意。因此，我决定站出来，添加一些javascript，这是行不通的。下面是“我的视图”中的违规代码片段：

    div.image do
      link :rel => 'stylesheet', :href => 'styles.css'
      script :type =>"text/javascript", :src => 'display_date.js'
      # The hash argument always go at the end.
      button 'Display Date', :type => "button", :onclick => "displayDate" 
    end

javascript文件如下所示：

function displayDate()
{
 document.getElementById("demo").innerHTML=Date();
}

单击屏幕上的“显示日期”按钮时，Firefox将报告

- 18:32:46.762 ReferenceError: displayDate未定义

它也不工作在IE上。露营文件和Javascript文件位于同一个目录中。请给我建议。然而，我所得到的结果比添加Javascript内联更好，这会导致堆栈错误，我可以在没有内联js的情况下生活，但是知道如何编写这样的代码也很方便。

Answer 1

我也刚开始露营和红宝石，所以这可能很可怕。不过，这是可行的;)

给控制器模块一个向客户端提供display_date.js服务的路径：

class MyJS < R '/display_date\.js'    
  JS = File.read('display_date.js')
  def get
    @headers['Content-Type'] = 'application/javascript; charset=utf-8'
    JS
  end
end

使用parens：:onclick => displayDate()作为函数调用:onclick => displayDate()。

Answer 2

要获得要调用的函数，必须将其放入onclick = "javascript:displayData()"