2016-10-19 11 views
0

Githubにページをアップロードし、HTML、CSS、Jquery、Jquery UIがうまく動作します。ただし、d3グラフは実行されません。 (PS:チャートが隠れていて、中央のカードをクリックすると表示されます.d3チャートのデータは手動で入力されましたが、外部データファイルにリンクされていませんでした)。d3グラフとGoogleフォントがgithubページに表示されない

the original page中央(黒色)のカードをクリックすると表示されます。

the github pageで、中央のカードをクリックすると、折りたたまれたCSSコンテナが表示されますが、グラフは表示されません。 Githubページで、d3の問題に加えて、私が使用したGoogleフォント)のいずれかをアップロードしませんでした。

を私が行方不明です明らかに何かがあるかもしれないのGithubに新しいです。私は、CSSのフォルダやJSスクリプトを分離するために対立するものとして(htmlファイルとして全体をアップロードしました。

答えて

0

OOOOPS 私自身の質問に対する手がかりと(不完全な)答えを見つけました:それは私のChromeブラウザでした。私は何が起こっているのか把握しようとしていました。 "このページは信頼できないスクリプトを読み込もうとしていました"と述べたomeブラウザ。私はそれをクリックし、 "はい"と言って、私はそれをロードしたいと思います。グラフがポップアップしました。フォントはまだ読み込まれませんが、それは大丈夫です。それは大きな問題ではない。 (更新:スティーブンに感謝して、その理由を説明しました)

また、d3ベースコードを使用してリポジトリにフォルダを作成してリンクしました(前と同じように、外部リンクさせるのではなく)これは問題を修正し、私は簡単にグラフを見ることができます。私は先に進んでGoogleフォント(リポジトリにアップロードする)に同じことをします。いずれにしても

おかげで、この質問を無視してください:)

UPDATE再:Googleのフォントの問題:私はフォルダにフォントをアップロードしていた質問を投稿後、約2時間。それはうまくいきませんでした。

私はコードに戻ってきました...それは簡単な間違いでした。私は認めることが恥ずかしいです:(フォントが正しく読み込まれないように1つのスタイルタグを正しく閉じませんでした。 (私は前にTumblrで同じページをホストしていたので、何らかの理由でこれらのミスがシステムに取り込まれ、何らかの形で修正される可能性があります)

すべては今解決されています:)

1

httpsサイトにhttpアセットを読み込もうとすると、https号があります。

の代わりにあなたからあなたの資産を参照することhttp://またはhttps://などのプロトコルを定義し、プロトコルを使用してみてくださいとらわれない//

+0

ありがとうございました!私はそれが今ブラウザの問題であることに気づいたのですが、それはhttp:// vs https://ありがとうございました。 – Manuela

0

githubのページがHTTPSを使用しているが、フォントURLがHTTPであるので、これはあるかもしれません。

あなたは、httpを除去することによって、URLを変更してみてください:このような 、

@import url(//fonts.googleapis.com/css?family=Hind:300,500); 

または

<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Hind:300,500"> 
関連する問題