javascript - 使用 jQuery 在 Google 网站上放置超链接

Question

我正在尝试使用 jQuery 中的单击功能放置文本(包含超链接)。

var publicationsText = "Rohit. <a href=\"http://www.google.com\" onmouseover=\"this.style.color=#EC4D48;\" onmouseout=\"this.style.color=#666;\" style=\"color:#666;\">Emerging Energy</a>";

    $('#publicationsID').click(function(){ 
      $("#homepage").html(publicationsText);
      return false;
    });

这在我的本地盒子上工作得很好。但是当我在 Google 网站上发布此内容时，生成的 HTML 是:

<div id="container-caja-guest-0___">
<div id="homepage-caja-guest-0___">
Rohit.<a target="_blank" style="color: #666">Emerging Energy</a>
</div>
</div>

并且超链接会自动删除。

有人可以建议一种适用于 Google 网站的解决方法吗？

此外，该网站的网址为:http://www.wattalyst.org (您可以在联系/出版物页面中看到问题)

谢谢!

Answer 1

您的字符串格式不正确。您需要转义引号并合并行

var publicationsText = "Rohit. <a href=\"http://www.google.com\" "+
    " onmouseover=\"this.style.color=#EC4D48;\" onmouseout=\"this.style.color=#666;\" "+ 
    " style=\"color:#666;\">Emerging Energy</a>";