-
ID:DsrhJ1 さんの質問

<li>テキスト<i class="icon"></i></li>
<li>テキスト<i class="icon"></i></li>

上記のHTMLで
jQueryでliにクリックイベントをいれていますが、
iアイコンの方にも別のクリックイベントを設けたいと思っています。

ので、iを押したときにはliのほうのクリックイベントを無効化したいのですが、どうしたら良いでしょうか。
下記のような記事は見つけたのですが、return falseするにもどう書いたらいいのかわからず。。
http://d.hatena.ne.jp/modified/20120615/1339731561

みんなの回答 3 件

ID:8xXwTz さんの回答

preventDefaultでググれ

ID:7jwDJW

やさしいなぁ。

ID:UD5poJ

stopPropagationじゃね

ID:FM9rU/

preventDefaultはaタグとかじゃないから意味ないような。

ID:.NVTnB さんの回答

liのイベントより上に、iのイベントを書いて、
iのイベントの最期にreturn false;といれたらよいよ。

上の処理が優先されるから。

ID:DsrhJ1 さんの回答

return falseでうまくいきました!ありがとうございました。

ID:7jwDJW

とりあえず、javascriptのイベントバブリングでググっておくのが今後のためにもオススメ。

最終更新日:2014-02-19 (1,782 views)

関連するトピックス

ページ上部に戻る