<a onclick="JQueryの実行" …のやり方

Question

###前提・実現したいこと

<a href="#" onclick="JQueryの実行">

これを実現したいです

###試したコードとエラー

<a href="javascript:void(0);" onclick='＄（"#target").toggle()'>表示の切り替え</a>
<div id="target">表示/非表示 切り替え</div>

⇓
エラー発生

Uncaught SyntaxError: Invalid or unexpected token
<a href="javascript:void(0);" onclick='＄（"#target").toggle();'>表示の切り替え</a>

##どうかっ(；´Д｀)
#target
を消してください！！

###補足として

$(function(){

});

絡みの問題かな…

Comments

[maisumakun]

すみません、jQueryでイベントを割り当てる形でなくて`onclick`を使わなければいけない、何かしらの理由がありますでしょうか。

[ssmxgo]

お返事ありがとうございます。(いつもありがとうございます)

実はこの一件ではマストではありません。

しかし、以前、onclickからjquery呼べたのと、jqueryの方？というのも変でしょうが慣れてる為、お聞きしました。

両方の手段が知れれば勉強になりますので幸いです。

Answer 1

こんにちは。

<a href="javascript:void(0);" onclick='$("#target").toggle()'>表示の切り替え</a>
<div id="target">表示/非表示 切り替え</div>

**＄（**が全角になっていましたよm(_ _)m

Comments

[ssmxgo]

うわ〜、やっちまいました。なーんでSyntaxErrorなんだと思っていました、トホホ。
しかしながら、それでも解決せずエラーが
Uncaught TypeError: $ is not a function に変わりましたが解決できましたので、自己解決レス致します。

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

Answer 2

原因わかりました。ネットで調べてて…あぁ、言われてみれば…
Uncaught TypeError: $ is not a function
は、WordPress で発生するJQueryのコンフリクトの問題で、すっかり利用しているフレームワークのことで頭が一杯でWordPressをいじっていることを忘れてました。

<a href="javascript:void(0);" onclick="jQuery(function($){$('#target').toggle()});">表示の切り替え</a>
<div id="target">表示/非表示 切り替え</div>

で、問題解決です。

###修正

jQuery(function($){});

は$の再定義だから、<a>タグ内で行うのは変な話なんで

onclick="jQuery('#target').toggle();"

が正しいかも。

Comments

[ssmxgo]

.