Javascript 带有引导折叠的Rails-AJAX,don';t在切换关闭时进行方法调用
我有一个引导手风琴折叠部分,它工作得很好。accordion中的每个列表项都将_链接到某个方法,该方法通过AJAX调用。控制器使用javascript做出适当响应,调用_____________________。所有这些都很好 要关闭折叠部分,用户需要再次单击顶级列表项,单击一次即可打开它。这都在引导默认值范围内。但是,当用户第二次单击该列表项时,由于我已将该项远程链接到控制器方法,服务器将第二次被击中,而我真正想要的是折叠部分消失。这并不是说真的会导致错误,更像是不受欢迎的行为 是否有某种方法可以实现这一点(第二次单击关闭折叠部分实际上不会进行服务器方法调用)?任何帮助都将不胜感激 下面是我的代码流程的概述: 附带查看:Javascript 带有引导折叠的Rails-AJAX,don';t在切换关闭时进行方法调用,javascript,ruby-on-rails,ajax,twitter-bootstrap,collapse,Javascript,Ruby On Rails,Ajax,Twitter Bootstrap,Collapse,我有一个引导手风琴折叠部分,它工作得很好。accordion中的每个列表项都将_链接到某个方法,该方法通过AJAX调用。控制器使用javascript做出适当响应,调用_____________________。所有这些都很好 要关闭折叠部分,用户需要再次单击顶级列表项,单击一次即可打开它。这都在引导默认值范围内。但是,当用户第二次单击该列表项时,由于我已将该项远程链接到控制器方法,服务器将第二次被击中,而我真正想要的是折叠部分消失。这并不是说真的会导致错误,更像是不受欢迎的行为 是否有某种方法
<div id="accordion" role="tablist" aria-multiselectable="true">
<% @fantasy_players.each do |fantasy_player| %>
<%= render partial: 'leagues_and_teams/teams/fantasy_player', locals: {fantasy_player: fantasy_player} %>
<% end %>
上面所说的部分:
<div class="card">
<div class="card-header" role="tab">
<div class="media">
<%= image_tag fantasy_player.player.avatar.url(:small) %>
<div class="media-body">
<h5 class="mb-0">
<%= link_to fantasy_player.player.name, players_and_stats_player_card_path(player_id: fantasy_player.player.id), remote: true, :"role" => "tabpanel", :"data-toggle" => "collapse", :"data-parent" => "#accordion" %>
</h5>
</div>
</div>
</div>
<div id="team_fantasy_player_<%= fantasy_player.player.id %>" class="collapse" role="tabpanel"></div>
</div>
“tabpanel”、:“数据切换”=>“折叠”、:“数据父项”=>“#手风琴”%>
…然后点击控制器等
谢谢大家!