0

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で利用できます(連絡先/出版物ページで問題を確認できます) 。

ありがとう！

4

3 に答える 3

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>";
于 2012-10-15T10:45:06.063 に答える
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>";
于 2012-10-15T10:38:07.267 に答える
0

href で二重引用符をエスケープしていません

于 2012-10-15T10:40:57.753 に答える