質問: buildHTML(data); //返ってきたデータをbuildHTMLに渡す↑↑ $('.folders').append(html); //作成したhtmlをビューに追加 textField.val(''); //テキストフィールドを空に }) .fail(function() { alert('error') }); }); }); //アコーディオン folder#index $(function() { $(document).on('click', '.toggle-btn', function() { $('.toggle-area').toggle(); }); }); ```
回答: 動的にHTMLを作っているっぽいので、documentからイベント付与されると良いと思います。 * 動的に生成したDOM要素に対してjQueryでイベントを設定する場合 > > $(document).on("click", "#2", function(){ > > alert("2つ目の要素クリック"); > > }); > > > コンソールから実行して成功するのは動的であってもそれで出来上がったHTMLに対して指示していることになるからかなと(未検証ですが)