質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

1868閲覧

datepickerのcssが突然反映しなくなりました。理由が分からなくて困っています。

meka

総合スコア23

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2019/08/17 16:43

編集2019/08/19 05:31

jqueryのdatepickerを使っていて、いままで普通に反映されていたCSSが突然反映しなくなってしまいました。
原因が分からないのでどのように改善すれば良いのか悩んでいます。

html

1<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/Smoothness/jquery-ui.css">

このコードをhead内に書き込んで反映されていたのですが、先ほど更新したら反映されなくなっていました。
エラーコードを確認したところ何故か403(Forbidden)と出ています。どうすれば改善できますでしょうか?

(エラーコード)
GET https://code.jquery.com/ui/1.12.1/themes/Smoothness/jquery-ui.css net::ERR_ABORTED 403 (Forbidden)

追記:
Firefox Edge では読み込んでくれたようです。chrome Safariで上手くいっていないようです。

追記2:
イメージ説明

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

手元のChrome(Windows10 バージョン: 76.0.3809.100)では同現象起きませんでした。
念のためCDN取得しなおしてみては? 
jQuery UI – All Versions

投稿2019/08/19 02:13

m.ts10806

総合スコア80850

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

meka

2019/08/19 05:10

ご回答ありがとうございます。それも考えたのですが、そもそものJqueryのページのdatepickerが表示されないので悩んでいました。ご紹介いただいたリンクも 「code.jquery.com へのアクセスが拒否されました このページを表示する権限がありません。 HTTP ERROR 403」と表示されています。何も変えた記憶がないのですが、、、、
m.ts10806

2019/08/19 05:13 編集

念のためコード全体をご提示ください(公開が難しいセキュアな部分は削ってもらって構いません) また、どこにファイルを置いて動かしていましたか?
meka

2019/08/19 05:35

コード全体となると少し量が多くなってしまうのですが、、 私のサイトもなんですがオフィシャルのdatepickerもcssが読み込まれていない状態で表示されています。(写真を追記いたしました)また、 view sourceをクリックしても無反応になってしまっています。
m.ts10806

2019/08/19 05:39

公式の方はURLを貼ってもらったほうが良いですね
m.ts10806

2019/08/19 05:41

Chromeのバージョン: 76.0.3809.100
meka

2019/08/19 05:46

私のも最新版の 76.0.3809.100 みたいです。 windows10です。
meka

2019/08/19 05:48

Firefox と Operaなら表示されるのですが、、、
m.ts10806

2019/08/19 05:50

他のブラウザで確認可能となると、 考えられるのはキャッシュ問題かなと。 他のPCとかで見られますか?
meka

2019/08/19 06:02

一応スーパーリロードとキャッシュ消したりして試したのですが改善なしです。Macもあるのでそちらのsafariとchromeも試しましたがダメでした。すみません今スーパーリロードして確認したらwindowsのchromeもFirefoxもdatepickerすら出なくなっていました。確認できるのはOperaだけです。
m.ts10806

2019/08/19 06:06

んー。CDNを使っている以上は利用者側の問題ではなさそうな気はしますが・・ どうしても気になるようでしたらCDNではなくダウンロードしてきて自身の環境に設置して試してみてください。 いずれにしても多分、実は問題は起きてなさそうに思います(手元のIEでも表示確認できました)
meka

2019/08/19 06:12

なんか初歩的なこと悩んでいるような気がします・・とりあえずは唯一表示されるOperaを使ってCSSファイルをダウンロードして対応しています。お時間取らせてすみません。時間おいてからまた試してみようと思います。
m.ts10806

2019/08/19 06:16

ダウンロード自体はたぶんブラウザ関係ないと思うのでどれでも良いと思います。
meka

2019/08/19 10:55

今確認したところすべてのブラウザで表示されていました! 私のサイトもCDNで問題なく表示されていました。何もしなくて良かった感じになってしまい原因が分からずじまいです。お時間とらせてしまった上に、親身になってくださってありがとうございました!
m.ts10806

2019/08/19 12:58

そういうことはたまにあります。 それを問題かどうか分からないため質問することもあっても良いと思いますよ。 解決されたようで何よりです
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問