Question

我正在尝试使用jQuery中的click函数放置一个文本（包含超链接）。

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

您正在错误地构建HTML字符串（不能转义双引号）：

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>";

Answer 2

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

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>";

Answer 3

您没有在href

中转义双引号

使用jQuery在Google站点上添加超链接

3 个答案: