javascript - 在rails app + jquery 中生成的链接错误地定向到本地主机

Question

我已经学习 RoR 几个月了，我遇到了一个涉及 Rails 和 javascript 的奇怪问题。

HTML 似乎包含正确的 URL，但单击链接会转到 localhost。

我的Rails应用程序中的链接首先使用rails正确生成，然后使用replaceWith()替换

这是rails生成的原始html

<a id="bookmark_button_16" class="btn btn-success" href="http://www.google.com">
<span class="glyphicon glyphicon-play"></span>
</a>

这是用来替换 DOM 节点的 javascript/ruby

// updates the url of the button
$("#bookmark_button_<%= @bookmark.id %>").replaceWith("<a id='bookmark_button_<%= @bookmark.id %>' class='btn btn-success' href='www.example.com' ><span class='glyphicon glyphicon-play'></span></a>");

执行 JavaScript 后，以下内容是直接从 Chrome 中的开发控制台复制的

<a id="bookmark_button_16" class="btn btn-success" href="www.example.com"><span class="glyphicon glyphicon-play"></span></a>

但是点击按钮会转到

localhost:3000/topics/www.example.com

而不是预期的http://www.example.com

Answer 1

它应该在 href 属性中包含协议(protocol) HTTP。

应该是:

<a id="bookmark_button_16" class="btn btn-success" href="http://www.example.com">

而不是:

<a id="bookmark_button_16" class="btn btn-success" href="www.example.com">