如何使用 ajax 在 Sinatra 中包含 javascript 文件

Question

注意：当我不使用 ajax 时，这可以正常工作。我对 slim 和 haml 有同样的行为。这是在 Sinatra 中使用 ajax 的 source

我正在尝试在使用 ajax 时使用 sinatra 创建的页面中运行一些 javascript。请参阅下面使用 haml 的示例。这工作正常。有什么方法可以使用包含 javascript 的文件，而不是下面的警报语句，即。使用 alert.js

@@testjavascript
%p #{@time}
:javascript
  alert("Hello world");

以下内容只是提供有关替代方法的更多背景信息。 当我尝试使用脚本语句时，脚本会嵌入到我的 html 元素中。这是我正在做的事情：

我正在使用 right.js。我添加了这个事件处理程序：

"#testscript".onClick(function(event) {
  event.stop();
  $('msg').load("/testscript");
});

还有哈姆：

@@testscript
%p #{@time}
%script src="about.js"

当我这样做时，p 元素和 script 元素将嵌入到 div 中。

<div id="msg">
  <p>The time is 2014-01-05 12:21:39 +0800</p>
  <script>
    src="about.js"
  </script>

Answer 1

注意你的输出

<script>
  src="about.js"
</script>

实际上并不是您可能想要的。你真正想要的可能更像是这样的：

<script src="about.js" />

为了得到类似的东西，你需要在 HAML 中添加 src 属性作为属性，如下所示：

%p #{@time}
%script{:src => "about.js"}

另一个问题是您的 jquery。应该是$('#msg').load，加上#号，因为那是div的id。