【機能リリース】jsdo.itが、スマホブラウザ表示に対応

jsdo.it - Share JavaScript, HTML5 and CSS

Discussions

Q2回目以降のclickイベントが発生しない

naoty

【やりたいこと】
クリックされた都道府県をもう一度クリックすると、市町村が隠れるようにしたい。
具体的には、宮城県の市町村の数が増えてきて見づらいので、宮城県をクリックした後にもう一度宮城県をクリックすると市町村を隠せるようにしたい。

【問題】
クリックしたオブジェクトをもう一度クリックしても、イベントが発生しない。
例えば、コード中のaccordion関数にslideToggle()を書くと、上下のスライドを実現できるはずだけど、2回目以降のclickイベントが発生しない。

ご教示のほど、よろしくお願いします。
不明点ございましたら、メッセージをいただければお答えします。

Sample Code

AAnswer to: 2回目以降のclickイベントが発生しない

You need to login first to answer the question.

kyo_ago

修正してみましたー
こんな感じでどうでしょうか？

以下の部分を変更しています。

1. accordion内で閉じていた場合の処理を追加
2. switchMapが.prefを含む全てのaに呼ばれていたので.cityのみに制限
3. preventDefaultでイベントをキャンセル

naoty

完璧です！有難うございます。
return falseとprevent Defaultの区別がついていなかったです。あと、イベントを呼び出すオブジェクトにも配慮しないと予期せぬイベントも発生させてしまうことも理解しました。

さっそく修正しました。

George46963837

It is imperative that we read blog post very carefully. I am already done it and find that this post is really amazing.
Enjoy Mexico Villa Rentals in Cabo San Lucas

sauravshuklabh

I am having a look ahead in your subsequent submit, I will try to get the cling of it! You really make it appear really easy together with your presentation however I in finding this matter to be really one thing which I feel I might by no means understand. It kind of feels too complicated and very vast for me.
www.office.com/setup
www.office.com/setup

Post a question

You can post JavaScript, HTML, CSS related questions with attached reference to actual codes and get the answers likewise.

Ask a question

  • 1. Click the ‘Post a question’ above

  • 2. Enter question details, reference code, and click ‘Add question’ button

  • 3. Question will be paired with the code on display

Add an answer

  • 1. Choose a question

  • 2. Enter answer details, attach the reference code and click ‘add answer’ button

  • 3. Your answer will accompanied with attached code

Tag