2017-05-16 8 views
0

私は、コンソールログにこのエラーメッセージが表示されます$('.bericht').append(themessage);JSのWordpressのサイトでのコンソールログにエラーではなく、HTMLサイトでは

これは私の完全なJSファイルです:

私のhtmlサイトで
var thehours = new Date().getHours(); 
var theminutes = new Date().getMinutes(); 
var themessage; 
var open = ('nu open'); 
var gesloten = ('nu gesloten'); 

if (thehours === 9 && theminutes >= 30) { // 09:30 - 10:00 open 
    themessage = open; 

} else if (thehours >= 10 && thehours < 18) { // 10:00 - 18:00 open 
themessage = open; 

} else { // when we are not open - we are closed :) 
themessage = gesloten; 
} 

$('.bericht').append(themessage); 


var thehours1 = new Date().getHours(); 
var theminutes1 = new Date().getMinutes(); 
var themessage1; 
var open1 = ('09.30 - 18.00'); 
var gesloten1 = ('18.00 - 09.30'); 

if (thehours1 === 9 && theminutes1 >= 30) { // 09:30 - 10:00 open 
    themessage1 = open1; 

} else if (thehours1 >= 10 && thehours1 < 18) { // 10:00 - 18:00 open 
    themessage1 = open1; 

} else { // when we are not open - we are closed :) 
    themessage1 = gesloten1; 
} 


$('.bericht1').append(themessage1); 

、Javascriptが完璧に動作し、一日の時間に応じて、私は別のメッセージが表示されますが、私のWordpressのサイトでもないメッセージが表示されます。

これはなぜ、私はそれを動作させるために何ができるのですか?

多くのありがとうございます。それが動作するはずです

jQuery('.bericht').append(themessage); 

+0

ありがとう、私は知らなかった。 – Erin

+0

私は 'Uncaught TypeError:$は関数ではない'と私のグーグルが私にとって、その答えは最初の結果でした。私は失礼したくはありませんが、次回に質問をする前にちょっとした研究をしてください。 – George

+0

申し訳ありません私はそれのワードプレスの側面に焦点を当て、間違ったものをグーグルであると思う、次回より良いGoogleを試してみてください。 – Erin

答えて

1

は次のように代わり$jQueryを使用してみてください。

それがうまくいかない場合は、ビューソースをチェックして、jQueryライブラリファイルを複数回呼び出していないことを確認し、フッタのスクリプトを</body>タグの前に呼び出してみてください。

うまくいくと思います。

ありがとうございました。

+0

残念ながら、フッタの 'jquery'もスクリプトもうまくいきませんでしたが、ヒントのおかげで:) – Erin

+0

ああ、待って!フッタの中にjQuery(大文字のQを付けて、私はそのために)を置く!しかし、私はWordpressのフッタにJavascriptを置くことになっているとは思わない?私はそれが常にファイルとしてエンキューする必要があると言われてきました... – Erin

+0

はい@エリン、ファイルとしてエンキューして内部にコードを置くことができます。 wp_enqueue_scriptで最後のパラメータをtrueに設定して、スクリプトをフッターに自動的に追加することができます。これを見てください:https://developer.wordpress.org/reference/functions/wp_enqueue_script/ –

関連する問題