とあるサイトのJSのソースコードをいじってボタンを押したらコンソールログを出すようにしました

実際そのボタンをクリックするとログが出ます

しかし、$().click()と実行しても出ません※要素名は省略

何が原因なのでしょうか、教えてください

退会済みユーザー

2017/04/27 13:20

現象を再現できるソースコードを提示してください。

yuta0801

2017/04/27 13:22

同じようなコードを書いてみたのですが、どうしても再現できませんでした。普通にログが出てします

退会済みユーザー

2017/04/27 13:25

再現しないのでは、回答のしようがありませんね。

toutou

2017/04/27 13:26

書き間違えとかそんなんが原因だと思います。そちらで再現できないのであれば、こちらでも再現できないので原因の解明は難しく、望みの答えは出ないと思います。

yuta0801

2017/04/27 13:27

そのサイトは結構前に出来たものなのでjQueryのバージョンが古いかもしれないのですが、関係あるのでしょうか

toutou

2017/04/27 13:31

そのサイトのJqueryを自分で確認してください。古いかもといわれても実際古くなかったらそれは違う答えになります。

yuta0801

2017/04/27 13:32

確認してきました、http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.jsです

s8_chu

2017/04/27 14:46

現象を再現できる状況を提示することは不可能なのでしょうか？

think49

2017/04/27 22:55 編集

「該当サイトのURL」と「貼り付けたコード」を開示しないと、誰にも分からない気がします。

行動規範の内容に同意します

回答2件

ベストアンサー

イベントバブリングの伝播を抑止

stopImmediatePropagation() や stopPropagation() でバブリングを停止したら、イベントが伝播しなくなりますね。
仮にそれが原因ならば、下記対策が考えられます。

該当コードをLocalProxy(ex: Proxydomo)で書き換えて削除する
バブリングを停止しているコードにグローバル参照可能ならば、removeEventListener で削除してから addEventListener してバブリングを停止せずとも正常動作するように書き換える

バブリング停止の目的は「上位ノードにイベントが伝播する事で不具合が誘発されることを防ぐ事」にある為、単純にバブリングを有効にするだけでは別の不具合が発生する事が想像されます。
その為、全体のコードをしっかりと読んで、バブリングを停止せずとも期待通りに動作するようコードを修正する必要があります。

これ以上は「該当サイトのURL」と「貼り付けたコード」を開示しないと、誰にも分からないと思います。

Re: yuta0381 さん

投稿2017/04/27 23:02

編集2017/04/27 23:04

think49

総合スコア18166

console.log(sa.get(0));

など、saがきちんとつかめているか確認してみては？

追記

掴み方が問題ないのであればあとば提示している以外の部分が問題なのでしょう
最低限で書けばクリックは普通に拾えているはずです

javascript
1<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
2<script>
3$(function(){
4  var sa=$('#hoge');
5  sa.click(function(b){
6    console.log("クリックされた");
7  });
8});
9</script>
10<input type="button" id="hoge" value="fuga">