質問
- Wordpressで投稿欄の中からJqueryを作動させたいです
-
本文：
恐れ入ります、前回の質問で大変お世話になった、めぐみです。
Arconix Shortcodesをインストールした投稿欄のアコーディオンの中からJqueryを使ってHello World!と出力したいです。
Arconix Shortcodesをインストールした稿欄から下記のスクリプトが問題なく動作します。
-------------------------------------
[accordions]
[accordion title="アコーディオンＡ"]
この文章はダミーです。
[/accordion]
[accordion title="アコーディオンＢ"]
この文章はダミーです。
[/accordion]
[accordion title="アコーディオンＣ" last="y"]
この文章はダミーです。
[/accordion]
[/accordions]
-------------------------------------
上記、投稿欄の「アコーディオンＡ」の所に以下のスクリプトを使用して、Hello World!と出力したいのですがどのようにすればいいでしょうか。
-------------------------------------
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$(function(){
$("#test").html("Hello World!")
});
</script>
<div id="test"></div>
-------------------------------------
何度もやってもうまくいかず、ご連絡した次第です。
どんな些細なことでも結構ですのでアドバイス頂ければ助かります。
よろしくお願いいたします。
- 緊急度：通常投稿者：megumi1991さん投稿時間：2016/02/28 15:51
回答 No.4390
-
本文：
外しているかもしれないけれど、
</body>
の付近に、
<?php wp_footer(); ?>
を入れてみるとか。
( </head> の前辺りにも、<?php wp_head() ?>を入れてみる。プラグインは、これらがないとまともに動かないことがある。)
1. jqueryの複数のバージョンを読み込むと、混乱の元ですよ。
$ と書いたときにどのバージョンの jQueryが呼び出されているのか、よほど注意力がないと判らなくなるし、その注意力があるなら、jqueryを1度しか呼び出さない工夫をする方に注ぐべき。
2. (個人的には)ショートコードは、下品な方法だと思う。
まあ、ライブラリを呼び出す順番とかが微妙に関係していそうだから、URLを書いた方がいいと思う。 - 投稿者：ジョバンニさん 投稿時間：2016/02/28 17:50
質問者からのコメント
ジョバンニさん
ご連絡ありがとうございます。
一番上の行から2行追加して（<head>と<body>）、
一番下の行から4行追加(<?php wp_head() ?>と<head>と<?php wp_footer(); ?>と<body>)。
そして、アコーディオンBの下にhello Worldのスクリプトを追加しましたが、何も変わりませんでした。
下記のコードがご連絡頂いた内容でしょうか。
ご確認下さいませ。
<head>
<body>
[accordions]
[accordion title="アコーディオンＡ"]
この文章はダミーです。
[/accordion]
[accordion title="アコーディオンＢ"]
<script>
$(function(){
$("#test").html("Hello World!")
});
</script>
<div id="test"></div>
[/accordion]
[accordion title="アコーディオンＣ" last="y"]
この文章はダミーです。
[/accordion]
[/accordions]
<?php wp_head() ?>
</head>
<?php wp_footer(); ?>
</body>
回答 No.4391
-
本文：
> 下記のコードがご連絡頂いた内容でしょうか。
いや、さすがに、
<html>
<head>
...
</head>
<body>
...
</body>
</html>
というのは、htmlの基本なので、それはない。
確認したかったのは、
1) jqueryを上のどこで読み込んでいるのか
(<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>ね。)
という点と、
2) <script>
$(function(){
$("#test").html("Hello World!")
});
</script>
が、bodyのどの辺に書かれているのか
( 特に、[accordions]などのショートコードとの位置関係 )
という点と、
3) Arconix Shortcodes のライブラリが、どの辺で読み込まれているのか？という点なので、
それらを全部省略したものを書かれて「確認しろ」と言われても困ります。
Arconix Shortcodesのソースを見る限りでは、wp_head()か wp_footer()が無いと、ライブラリは読み込まれないはずなので、それで「Arconix Shortcodesをインストールした稿欄から下記のスクリプトが問題なく動作します。」と書かれても、どういう状況なのか判らない。
Arconix Shortcodesのライブラリが読み込まれているのなら、その中で、jqueryのライブラリも読み込まれているはずなので、
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> と衝突しているはず。
普通は2回読み込んだからといって(無駄なことを除けば)大した問題ではないけれど、場合によってはトラブルの原因になる。
それと、jquery1.4.2 というのは、随分と古いバージョンだから、参考にしたサイトの内容がかなり古い可能性もあるのでね... - 投稿者：ジョバンニさん 投稿時間：2016/02/28 20:57
質問者からのコメント
ジョンバニさん
恐れ入ります、私の質問の仕方が悪く質問の内容をうまく伝えることができていなかったと思います。
もう一度質問の内容を整理して以下に書きましたので読んで頂けないでしょうか？
お忙しい中、お付き合い下さりまして本当にありがとうございます。
●以下、質問な内容を整理したものです
Arconix Shortcodesをインストールしてアコーディオンメニュー作り、そのメニューの中でJqueryを使ってHello World!と出力したいです。
※ただ、そのアコーディオンスクリプトは投稿欄を利用して記載します。
クライアントのブラウザから見ると下記のように見えます。
１．ヘッダー
２．投稿欄によって記載されたアコーディオンメニュー
３．フッター
現在、Wordpressの管理画面の「投稿」の「テキストのTab」を選択して、投稿の欄に以下�，離好�リプトを記述するとアコーディオンメニューは問題なく表示されます。
��-------------------------------------
[accordions]
[accordion title="アコーディオンＡ"]
この文章はダミーです。
[/accordion]
[accordion title="アコーディオンＢ"]
この文章はダミーです。
[/accordion]
[accordion title="アコーディオンＣ" last="y"]
この文章はダミーです。
[/accordion]
[/accordions]
-------------------------------------
上記、投稿欄の「アコーディオンB」をクリックして展開される内容にHello World!と出力したいです。
以下の�△離好�リプトを記述すれば、
Hello World!と問題なく出力されます。
��-------------------------------------
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$(function(){
$("#test").html("Hello World!")
});
</script>
<div id="test"></div>
-------------------------------------
ただ、このHello World!を「アコーディオンB」をクリックして展開される内容にHello World!と出力するにはどうすれば良いかわかりません。
以下��のように記述したのですが、反応しません。
��-------------------------------------
[accordions]
[accordion title="アコーディオンＡ"]
この文章はダミーです。
[/accordion]
[accordion title="アコーディオンＢ"]
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$(function(){
$("#test").html("Hello World!")
});
</script>
<div id="test"></div>
[/accordion]
[accordion title="アコーディオンＣ" last="y"]
この文章はダミーです。
[/accordion]
[/accordions]
-------------------------------------
上記記述以外にもいろいろと試してみたのですが、うまくいきませんでした。
そこで、再度この掲示板で質問させて頂きました。
どんな些細なことでも結構ですのでアドバイス頂ければ助かります。
よろしくお願いいたします。
回答 No.4392
-
本文：
1. アコーディオンがうまく動いているのなら、jqueryをさらに読み込む必要はないので、
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
は削る。
2. ショートコードの中にいろいろ書くのは、トラブルの元なので、なるべく書かない。
<script>
$(function(){
$("#test").html("Hello World!")
});
</script>
は、[accordions]〜[/accordions]の外側に出す。
( 基本的に、$(function(){...}) はファイル全体が読み込まれた後に、1度だけ実行される部分だから、どこに有ってもよい(はず)。)
( <div id="test"></div> は元の場所に残す )
3. $絡みのトラブルを避けるために、念のため(多分、不要だとは思う)、$はjQueryに置き換える。
jQuery(function(){
jQuery("#test").html("Hello World!")
});
4. ショートコードは、ショートコードに挟まれた部分( [shortcode]〜[/shortcode] の「〜」の部分)を勝手に書き換えることがあるから、ブラウザで「ソースコードを表示」してみて、その部分が意図したままで書き変っていないことを確認する。
例えば、「〜」の部分に <p></p>とかあると勝手に削られるので、要注意。
# まあ、この辺りが、ショートコードが下品だと思う部分。
デバッガが使えるなら、<div id="test"></div>の部分の表示属性が 「表示しない」(display:noneなど)に変わっていないか確認する。
- 投稿者：ジョバンニさん 投稿時間：2016/02/29 05:09
質問者からのコメント
ジョンバニさま
ありがとうございました！
アドバイス頂いたとおりの方法で出力することができました。
「３」の＄絡みのトラブルについてですが、ご指摘頂いたようにしないと動きませんでした。
「多分、不要」と書かれていましたが細かいアドバイスを頂きまして本当にありがとうございます！
Jqueryが既に読み込まれていることなど思いもしませんでしたし、「２」のご指摘は、アドバイス頂かなければ独学では一生解決できいませんでした。
実は、グラフを出力させるという問題にぶつかっていて、それで自分でjqueryが正常に動いていないことに気がつきまして、Hello Wordlを出力させる方法から試してみていました。
それで、ジョンバニさんの教えて頂いたアドバイスを応用して、グラフを出力させるための記述を試みたのですが、アコーディオンＢの所にグラフが表示されませんでした。
恐らくflotr2.min.jsを読み込ませる必要があると思って下記のスクリプトを置いてみたのですが状況は同じでした（/JS/に間違いなくflotr2.min.jsは入っています）。
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/flotr2.min.js"></script>
それと、「$をjQueryに置き換える」問題は「(function basic(container)」の場合は関係ないのでしょうか。
以下、グラフ（Flotr2）を出力させるために私が記述したものですが、どこに問題があるのかご指摘頂けると助かります。
何度も本当にありがとうございます。なにとぞよろしくお願いいたします。
<script>
(function basic(container) {
var
d1 = [[1, 100],[2, 98],[3, 89],[4, 99],[5, 99],[6, 97]],
d2 = [[1, 74],[2, 76],[3, 78],[4, 82],[5, 83],[6, 85]],
d3 = [[1, 25],[2, 26],[3, 28],[4, 31],[5, 33],[6, 35]],
data = [{
data: d1,
label: "Aさん"}, {
data: d2,
label: "Bさん"}, {
data: d3,
label: "Cさん"
}]
ticks = [
[1, "2016.01"],
[2, "2016.02"],
[3, "2016.03"],
[4, "2016.04"],
[5, "2016.05"],
[6, "2016.06"]];
graph = Flotr.draw(container, data, {
grid: {outline:'ns'},
lines: { lineWidth:2},
xaxis: {ticks:ticks,
title:'小テストの結果'},
yaxis:{min:10,
max:125,
title:'(Kg)'},
legend: {
backgroundColor:"#eee",
margin:12},
});
})(document.getElementById("graph2-1"));
</script>
[accordions]
[accordion title="アコーディオンＡ"]
この文章はダミーです。だみー。
[/accordion]
[accordion title="アコーディオンＢ"]
<section id="smp3">
<div id="graph2-1" class="graph"></div>
</section>
[/accordion]
[accordion title="アコーディオンＣ" last="y"]
この文章はダミーです。
[/accordion]
[/accordions]
回答 No.4393
-
本文：
多分
(function basic(container) {
(中略)
})(document.getElementById("graph2-1"));
を実行する時点では、
<div id="graph2-1" class="graph"></div>
がまだ読み込まれていないせいだと思いますけれど。。。
1) 上の関数全体を、
[/accordions]
の下に移動するか、
2) 上の部分は、
function basic(container) {
(中略)
}; <= function の直前の '(' を削って
')(document.getElementById("graph2-1"));'の直前まで。
にして、[/accordions]の下に、
<script> basic(document.getElementById("graph2-1"));</script>
とするか、
3) 上の部分は、2)と同じに
function basic(container) {
(中略)
};
として、続けて
jQuery(function(){
basic(document.getElementById("graph2-1"));
});
とするか、で動くのでは？
$(関数)は、全体を読み込んでから関数を実行 ですが、
(関数)(パラメータ) は、読み込んだ時点で即実行なので、
ちょっと違う。 - 投稿者：ジョバンニさん 投稿時間：2016/02/29 17:24
質問者からのコメント
ジョンバニさま
何度も恐れ入ります、めぐみです。
アドバイス頂いた２）の方法ですが下記の通りで間違いないでしょうか？
クライアントブラウザで見るとfunction以下のコードが出力されて、その下にアコーディオンメニューが出てきてしまいます。
この状況でアドバイス頂いた３）の方法も試してみましたが同じような結果でした。
ジョンバニさまから頂いたアドバイスを何度も見直して、コードを修正したつもりですが下記の記述で間違いないでしょうか？
function basic(container) {
var
d1 = [[1, 110],[2, 112],[3, 112.5],[4, 115.2],[5, 116],[6, 118]],
d2 = [[1, 74],[2, 76],[3, 78],[4, 82],[5, 83],[6, 85]],
d3 = [[1, 25],[2, 26],[3, 28],[4, 31],[5, 33],[6, 35]],
data = [{
data: d1,
label: "Aさん"}, {
data: d2,
label: "Bさん"}, {
data: d3,
label: "Cさん"
}]
ticks = [
[1, "2016.01"],
[2, "2016.02"],
[3, "2016.03"],
[4, "2016.04"],
[5, "2016.05"],
[6, "2016.06"]];
graph = Flotr.draw(container, data, {
grid: {outline:'ns'},
lines: { lineWidth:2},
xaxis: {ticks:ticks,
title:'がんばれ目標値'},
yaxis:{min:10,
max:125,
title:'(Kg)'},
legend: {
backgroundColor:"#eee",
margin:12},
};
}
[accordions]
[accordion title="アコーディオンＡ"]
この文章はダミーです。だみー。
[/accordion]
[accordion title="アコーディオンＢ"]
<section id="smp3">
<div id="graph2-1" class="graph"></div>
</section>
[/accordion]
[accordion title="アコーディオンＣ" last="y"]
この文章はダミーです。
[/accordion]
[/accordions]
<script> basic(document.getElementById("graph2-1"));</script>
回答 No.4400
-
本文：
> クライアントブラウザで見るとfunction以下のコードが出力されて、その下にアコーディオンメニューが出てきてしまいます。
いや、functionは <script>で囲まないと... - 投稿者：ジョバンニさん 投稿時間：2016/03/01 00:41
質問者からのコメント
ジョバンニさま
恐れ入ります、めぐみです。アドバイス頂いた３）の方法で以下のように記述しました。
クライアントのブラウザーから見たのですが、アコーディオンＢをクリックしても何も出てこない状態です。
jsの中のflotr2.min.jsを指定してないのかと思い、下記のスクリプトも入れてみたり試してみたのですが、同じような状況でした。
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/flotr2.min.js"></script>
以下のスクリプトで問題ないと思うのですがどうして出てこないのかもしお時間あれば見て頂ければ助かります。
何度も恐れ入ります、よろしくお願いいたします。
<script>
function basic(container) {
var
d1 = [[1, 110],[2, 112],[3, 112.5],[4, 115.2],[5, 116],[6, 118]],
d2 = [[1, 74],[2, 76],[3, 78],[4, 82],[5, 83],[6, 85]],
d3 = [[1, 25],[2, 26],[3, 28],[4, 31],[5, 33],[6, 35]],
data = [{
data: d1,
label: "Aさん"}, {
data: d2,
label: "Bさん"}, {
data: d3,
label: "Cさん"
}]
ticks = [
[1, "2016.01"],
[2, "2016.02"],
[3, "2016.03"],
[4, "2016.04"],
[5, "2016.05"],
[6, "2016.06"]];
graph = Flotr.draw(container, data, {
grid: {outline:'ns'},
lines: { lineWidth:2},
xaxis: {ticks:ticks,
title:'がんばれ目標値'},
yaxis:{min:10,
max:125,
title:'(Kg)'},
legend: {
backgroundColor:"#eee",
margin:12},
};
jQuery(function(){
basic(document.getElementById("graph2-1"));
});
</script>
[accordions]
[accordion title="アコーディオンＡ"]
この文章はダミーです。だみー。
[/accordion]
[accordion title="アコーディオンＢ"]
<section id="smp3">
<div id="graph2-1" class="graph"></div>
</section>
[/accordion]
[accordion title="アコーディオンＣ" last="y"]
この文章はダミーです。
[/accordion]
[/accordions]
<script> basic(document.getElementById("graph2-1"));</script>
回答 No.4402
-
本文：
... URLを書いてもらった方が、テストしやすいのですけれどね。
- 投稿者：ジョバンニさん 投稿時間：2016/03/01 20:41
回答 No.4403
-
本文：
backgroundColor:"#eee",
margin:12},
};
のところは、
margin:12},
});
})(document.getElementById("graph2-1"));
</script>
で
function basic(container) {
(中略)
}; <= function の直前の '(' を削って
')(document.getElementById("graph2-1"));'の直前まで。
と書いてあるのだから、
margin:12},
});
};
だよね。
... あまりこういう間違いには付き合いたくないな。 - 投稿者：ジョバンニさん 投稿時間：2016/03/01 20:50
質問者からのコメント
ジョバンニさん
めぐみです。
いつも誠意ある回答を頂きまして本当にありがとうございます。
また、
「... あまりこういう間違いには付き合いたくないな。」
こういうことをジョンバニさんに言わせてしまっていることを心から反省しています。
ただ、Wordpressを1ヶ月ほど前から独学してきたのですが、今の私にはまだ難しくてご迷惑をかけてしまっています。
今後もWordpressを続けることができて、いつか人にアドバイスできるようになっていればジョバンニさんのようになれればいいなあと思っています。
恐れ入ります、アドバイス頂いた通りに記述したつもりなのですが、まだ動作しません。
ご指摘頂いた通り、アドレスをご連絡させて頂きます。
http://megumi1991.wpblog.jp/
本当にすみません。
もし、お時間ありましたらご覧頂きたくなにとぞよろしくお願いいたします。
----------------------------------------------------------
<script>
function basic(container) {
var
d1 = [[1, 110],[2, 112],[3, 112.5],[4, 115.2],[5, 116],[6, 118]],
d2 = [[1, 74],[2, 76],[3, 78],[4, 82],[5, 83],[6, 85]],
d3 = [[1, 25],[2, 26],[3, 28],[4, 31],[5, 33],[6, 35]],
data = [{
data: d1,
label: "Aさん"}, {
data: d2,
label: "Bさん"}, {
data: d3,
label: "Cさん"
}]
ticks = [
[1, "2016.01"],
[2, "2016.02"],
[3, "2016.03"],
[4, "2016.04"],
[5, "2016.05"],
[6, "2016.06"]];
graph = Flotr.draw(container, data, {
grid: {outline:'ns'},
lines: { lineWidth:2},
xaxis: {ticks:ticks,
title:'がんばれ目標値'},
yaxis:{min:10,
max:125,
title:'(Kg)'},
legend: {
backgroundColor:"#eee",
margin:12},
});
};jQuery(function(){
basic(document.getElementById("graph2-1"));
});
</script>
[accordions]
[accordion title="アコーディオンＡ"]
この文章はダミーです。だみー。
[/accordion]
[accordion title="アコーディオンＢ"]
<section id="smp3">
<div id="graph2-1" class="graph"></div>
</section>
[/accordion]
[accordion title="アコーディオンＣ" last="y"]
この文章はダミーです。
[/accordion]
[/accordions]
<script> basic(document.getElementById("graph2-1"));</script>
回答 No.4404
-
本文：
ブラウザで「ソースを見る」とすると、該当箇所は、
>>>>
<div class="entry-content">
<p><script>
function basic(container) {
var
d1 = [[1, 110],[2, 112],[3, 112.5],[4, 115.2],[5, 116],[6, 118]],
d2 = [[1, 74],[2, 76],[3, 78],[4, 82],[5, 83],[6, 85]],
d3 = [[1, 25],[2, 26],[3, 28],[4, 31],[5, 33],[6, 35]],</p>
<p>data = [{
data: d1,
label: "Aさん"}, {
data: d2,
label: "Bさん"}, {
data: d3,
label: "Cさん"</p>
<p> }]</p>
<p>ticks = [
[1, "2016.01"],
[2, "2016.02"],
[3, "2016.03"],
<<<
のように余計な <p></p>が混ざっているんですよ。
# こういうのは、wordpressの編集画面をどんなににらめっこしても、気がつきません。
たぶん、wordpressの編集画面で、htmlモードで編集しているのだと思いますが、textモードで編集しないと、余計なものが混ざってしまうんですね。。。
- 投稿者：ジョバンニさん 投稿時間：2016/03/01 23:30
質問者からのコメント
ジョンバニさま
ありがとうございます、めぐみです。
ご指摘頂いた「<P></P>」の件ですが、ビジュアルとテキストの編集するところがあり、普段から気をつけていたのですが途中ビジュアルで編集したことがあったのかもしれません。
ただ、一度全部消して、windows7のテキストエディタに移動して、再度コピーしてWordpressのテキストにペーストしてもリソースを見ると<P></P>が消えないので、PS Disable Auto Formattingというプラグインをインストールしました。
TERA PADとかインストールして見たのですが、ソースに改行は無いのですが、Wordpressのテキスト編集のところにペースとしても結果は同じで「<P></P>」は残ってしまいます。
ただ、今度は<P></P>は消えるのですが、アコーディオンが開かなくなります。
なぜ、Worddpressの投稿のテキスト編集画面で一度全部ソースを削除して更新した後に再度Windowsのテキストエディタからコピー＆ペーストしたのに、以前の改行コードが残ってしまうのか、全く理解できません。。。
http://megumi1991.wpblog.jp/
恐れ入りますが一度お時間あるときに見て頂ければ助かります。
よろしくお願いいたします。
<script>
function basic(container) {
var
d1 = [[1, 110],[2, 112],[3, 112.5],[4, 115.2],[5, 116],[6, 118]],
d2 = [[1, 74],[2, 76],[3, 78],[4, 82],[5, 83],[6, 85]],
d3 = [[1, 25],[2, 26],[3, 28],[4, 31],[5, 33],[6, 35]],
data = [{
data: d1,
label: "Aさん"}, {
data: d2,
label: "Bさん"}, {
data: d3,
label: "Cさん"
}]
ticks = [
[1, "2016.01"],
[2, "2016.02"],
[3, "2016.03"],
[4, "2016.04"],
[5, "2016.05"],
[6, "2016.06"]];
graph = Flotr.draw(container, data, {
grid: {outline:'ns'},
lines: { lineWidth:2},
xaxis: {ticks:ticks,
title:'がんばれ目標値'},
yaxis:{min:10,
max:125,
title:'(Kg)'},
legend: {
backgroundColor:"#eee",
margin:12},
});
};jQuery(function(){
basic(document.getElementById("graph2-1"));
});
</script>
[accordions]
[accordion title="アコーディオンＡ"]
この文章はダミーです。だみー。
[/accordion]
[accordion title="アコーディオンＢ"]
<section id="smp3">
<div id="graph2-1" class="graph"></div>
</section>
[/accordion]
[accordion title="アコーディオンＣ" last="y"]
この文章はダミーです。
[/accordion]
[/accordions]
<script> basic(document.getElementById("graph2-1"));</script>
回答 No.4466
-
本文：
平素はネットオウルをご利用いただき誠にありがとうございます。
ネットオウル運営チームです。
本ご質問は一定期間新たな回答がなかったため
運営チームで締め切らせていただきました。
■質問の締め切りについて
Q&A掲示板はユーザー様同士の交流掲示板です。
回答がもらえた場合、回答者へお礼コメントをしましょう。
問題が解決した際にはベストアンサーを選び、
質問を締め切ってください。
■再度のご質問について
ご質問が未解決の場合、「ワンポイント！」を参考に、
再度質問してみてください。
【ワンポイント！】
メールやFTPの設定がうまくいかない場合、
ネットオウルIDやサーバーIDなどのお客様情報を公開しない範囲で、
現在の設定内容を出来るだけ詳しく書いてみましょう。
設定内容のミスを指摘してもらえるかもしれません。
エラーが出てうまくいかない場合、
エラーメッセージの内容を書いてみましょう。
エラーメッセージにはエラー原因が詳しく書かれていることが多く、
問題の解決につながる回答が得られるかもしれません。
■ベストアンサーについて
ご質問の締め切りに際して、運営チームにて
ベストアンサーを選んでおります。
※ベストアンサーの回答者様には通常と同様のポイントが
付与されています。
--ネットオウル運営チーム--
- 投稿者：ネットオウル運営 投稿時間：2016/03/16 14:25
クラウド型高速レンタルサーバー
無料レンタルサーバー
無料サーバー付きドメインサービス
格安SSL証明書
回答 No.4405
この回答がベストアンサーです
今度は、flotr.min.js が読み込まれていないし。。
こういうことを繰り返しても埒があかないので、デバッガの使い方を覚えた方がいいのでは?
Internet Explore だと、F12 を押すと、デバッガが立ち上がるので、その状態で、調べたいURLを読み込む(あるいは再読み込みする)と、こういう単純なエラーは、指摘してくます。それでエラーが無くなるところまでは、人に聞かずに自分でやった方がいい。
単純なエラーの中には、
○括弧の対応がおかしい
○定義されていない変数を使っている。
○タグの対応がおかしいとか、
○ △△が無い、とか、多すぎるとか、
○文法的に変
とか、ロジック以前に直さないといけないところは指摘してくれるので。
javascript は、文法がルーズすぎるので、エラーが見つかった場所よりずっと遠いところに原因があることがあるので、エラーの場所をズバリ見つけるのは難しいことがありますが、少なくともエラーがあることはわかるので。
# 例えば javascriptは、( a,b,c )が (a,b.c)や (a,b,c,)になってもエラーにしてくれないで、黙って別の意味にしてしまうので、エラーを見つけたいときにはちょっと文法が緩すぎですが...
# ま、プラグインを入れ過ぎると、どれが原因だか判り難くなるから、なるべく単純な構成にした方がいいですよ。