首页 > 解决方案 > 使用 Bootstrap 3 alpha,Accordion 不仅仅在 Edge 上打开。在 Firefox 和 Chrome 上运行良好

问题描述

想知道你们是否知道为什么班级崩溃甚至整个手风琴不仅仅在 IE / Edge 上工作。这是代码

 <td class="record-id">
      <button type="button" class="btn btn-link accord-button" data-toggle="collapse" data-targets=".series-@item.RecordSeriesId"><i class="fa fa-plus"></i></button><a style="color:#374767; text-decoration:none;" >@item.Id.ToString()</a>
 </td>

  $(document).ready(function () {
    $('.accord-button').click(function() {
        var icon = $(this).find('.fa');
        var targets = $($(this).attr('data-targets'));
        if(icon.hasClass("fa-plus")) {
            icon.removeClass("fa-plus").addClass("fa-minus");
            targets.removeClass('collapse');
        }else {
            icon.removeClass("fa-minus").addClass("fa-plus");
            targets.addClass('collapse');
        }
    });
  function screenListener(e) {
  if (e.matches) {
    $('#dashboard-tabs-collapse').addClass('collapse');
  } else {
    $('#dashboard-tabs-collapse').removeClass('collapse');
  }
}

标签: c#htmljquerytwitter-bootstrap-3

解决方案


推荐阅读