問題タブ [html-box-gadget]

Google サイトのサイトで JS を追加/編集できるようにするにはどうすればよいですか? このように、jQuery と jQuery UI を使用して、サイトのルック アンド フィールを操作したいと考えています。

明確にするために、私はすべてのGoogleサイトについて話しているのではなく、Googleが作成した「Googleサイト」と呼ばれる独自のシステムを作成するだけです -> https://sites.google.com/。

ハウツーページには、これがあります：サポートされていない機能

HTML ボックス ツールは現在、次の機能をサポートしていません。

iframes JavaScript コードは、script、image、または link タグを作成できません。ドキュメント/ウィンドウの onload および onready 関数。ドキュメントのロード後にロードする必要があるコードの最後に任意の JavaScript を配置できます。

それは、HTML ツールでタグを作成できないということですか? 上のデモにいるのに？

Google サイトの HTML ボックスで次の HTML & JavaScript コードを実行しようとしていますが、「0+0: 要素本体を親に折りたたむ」というエラーが発生し、成功しません。何か案は？ありがとう

出典: 一定時間後に Web サイトをリダイレクトする

簡単なJavaScriptをGoogleサイトに含めようとしていますが、ボタンを押しても何も表示されません。コードをHTMLボックス内に配置します。ローカルでテストすると、コードは完全に機能します。これが私のコードです：

それを機能させるのを忘れたものはありますか？

私はいくつかの html コードを実際に動作させようとして Google サイトをいじっていますが、壁にぶつかっています。基本的に、インライン スタイリングを使用せずに html コードと css スタイリングを入力できるようにしたいので、少し調査を行い、十分に実行できることを確認しました。おそらく必要なのは、HTML ガジェットを追加して関連するコードを入力し、[保存] をクリックするだけです。それはうまくいくはずです。問題は、私がそれを行うとき、まったく機能しないことです。

いくつかのガイダンスについて次のリンクを見ましたが、すべてを適切に行っているようです。

1. https://productforums.google.com/forum/#!topic/sites/rk6RRHNefso
2. https://support.google.com/sites/answer/2500646?hl=ja

もう 1 つの奇妙な点は、2 番目のリンクの例を使用すると問題なく動作しますが、例のスクリプト部分を削除すると、コードのようにスタイル設定された結果が生成されないことです。これは私が試した非常に簡単な例です。

グローバル版

インライン版

私が得るのは、div自体にフォーマットのない文だけです。インライン スタイルを使用するように変更すると、問題なく動作しますが、そもそも HTML ボックスの目的が無効になります。

私が間違っていることについて何かアドバイスはありますか？

編集: 上記のテスト コードを含む JSFiddle と、それがどのように見えるかを次に示します。

JSFiddle

さらに、おそらく指定する必要があります。私が提供したコードは問題なく動作し、エラーはありません。私が解決しようとしている問題は、最初のバージョン (非インライン バージョン) を Google サイトの Html ボックスで動作させることです。