Browse Category by Javascript
Javascript, 一般

連番の変数の取り扱い(JS)

連番の変数をつくり、繰り返し処理で値を入れたい時がある。

for (i=0; i<4 ; i++) {
  var "list" + i = i;
}

これを実行すると list が未定義だというエラーが出る。

一般的に使われているのは “eval” で、例えば変数 list0 ~ list5 に連番の値を代入したいときは

for (j=0; j<4 ; j++) {
  eval("var list" + j + "=" + j + 1 + ";");
}

ですが、しかし、eval は使用が非推奨となっているのと、危険なのであまり使いたくない。 Continue Reading

blog, Browser, Javascript, WordPress, 一般

Count per Day を設置

Counterize で本文者数を表示できなくなったので Count per Day を設置して解析もできるようにした。

使い勝手は良くてカウンター表示項目など選択しやすい。ただ、数字の表示が千の位でカンマを入れたいがうまくいかない。「jQueryのプラグインを作ろう!」シリーズの第7回「数値を3桁ごとに区切って表示しよう」の comma3.js を使ってみたがうまくいかない。

<span id=”cpd_number_getreadsall” class=”cpd-r”>290001</span>

この部分の id がカウント数字表示個所なので

<script type=”text/javascript” src=”./wp-includes/js/comma3.js”></script>

<script>
  $(function(){
    $(“#cpd_number_getreadsall”).comma3();
  });
</script>

を使用しているテーマの footer 部分に書き込んだが動作しない。

Editor, HTML, Javascript, Sass, Tools

Atom Editor で Sass コンパイルエラー

Atom Editor 1.34.0 で Sass をコンパイルしようとすると赤い文字がバーと流れ出してエラーが出る。Node の何かが見つからないというような意味らしい。

npm install -g node-sass

を実行して再インスツールした。すんなりとコンパイルされた。

HTML, Javascript, World Wide Web, jQuery

$.getJSON is not a function Error について

jQuery 3.3.1 を CDN で取ってきて実行すると動作せずコンソールに $.getJSON で以下のエラーが出ている。

$.getJSON is not a function

調べてみると、”slim minified” (jquery-3.3.1.slim.min.js)を利用するとエラーが出るらしい。jquery-3.3.1.min.js に換えるとエラーが出なくなり正常に動いた。

使用環境は Bootstrap 4.3.1 下で moment.js 2.24.0、popper.js 1.14.7、 tippy.js 4.0.3 を使う script を組んでいて発生した。

HTML, Javascript, World Wide Web, jQuery

jQuery 3.3.1 のエラー

jQuery 3.3.1 を使って DOM 操作で id や class を追加するスクリプトを組んでいる。実行すると console に

Uncaught Error: Syntax error, unrecognized expression: .

at Function.Sizzle.error (jquery-3.3.1.js:1541)

というエラーが出る。どこで出ているのかわからないので調べていたら、

Apparently selectors must now be surrounded in double quotes (“).

という記事があった。「”」で括らなければならないみたい。 jQuery 3.3.1 のバグのようです。