jQuery 选项卡在移动设备中不起作用 - 自定义代码

我刚刚注意到，在移动设备上，当调整为移动设备时，我的选项卡没有单击和更改，想知道是否有人可以看到原因？

我在这里创建了一个小提琴：https://jsfiddle.net/a6k70p0L/2/

在桌面视图中工作正常，但是当调整大小时，单击事件似乎确实会触发和更改。

.JS：

$(document).ready(function() {
    var originalTabs = $('.originalTabs').html();
    function clearTabs(){
      $('.originalTabs').html(originalTabs);
    }
    //clearTabs();
    //desktopTabs(); 
    function desktopTabs(){
      clearTabs();
      // cretate tabs for desktop
      var headers = $("#tab_description h6");
      $('#tab_description h6').each(function(i){      
        $(this).nextUntil("h6").andSelf().wrapAll('<div class="tab" id="tab-'+i+'"/>');
      });
      for( var i = 0; i < headers.length; i++ ) {
        $('.tabs').append('<li class=""><a href="#tab-'+i+'">'+headers[i].innerHTML+'</a></li>');
      }
      $('ul.tabs').each(function(){
        var active, content, links = $(this).find('a');
        var listitem = $(this).find('li');
        active = listitem.first().addClass('active');
        content = $(active.attr('href'));
        $('.tab').hide();
        $(this).find('a').click(function(e){
          $('.tab').hide();
          $('ul.tabs li').removeClass('active');
          content.hide();
          active = $(this);
          content = $($(this).attr('href'));
          active.parent().addClass('active');
          content.show();
          return false;
        });
      });
      headers.remove(); // remove headers from description  
      $('#tab-0').show(); // show the first tab
    }
    function mobileTabs(){
      clearTabs();
      //alert("loaded mobile");
      var headers = $("#tab_description h6");
      $(headers).each(function(i) {
        $(this).append('<a href="#accordion_'+(i+1)+'" id="accordion_'+(i+1)+'"></a>');
        //$(this).nextUntil("h6").andSelf().wrapAll('<div class="aTab" id="tab-'+i+'"/>');
      });
      $('#tab_description h6').first().trigger('click').addClass("active");
      $('#tab_description h6').first().nextUntil("h6").show();
    }
    var tabClick = function() {
        //alert("clicked");
        var accordionContent = $('#tab_description p, #tab_description ul, #tab_description table, #tab_description iframe, #tab_description div');
        $('#tab_description h6').removeClass("active");
        if (!$(this).hasClass("active")){
          $(this).addClass("active");
        }
        // Check if current accordion item is open
        var isOpen = $(this).next().is(":visible");
        // Hide all accordion items
        accordionContent.hide();
        // Open accordion item if previously closed
        if (!isOpen) {
          $(this).nextUntil('h6').show();
        }
        // Disabled to stop on mobile auto scrolling down to product description when clicking through...
        $('html, body').animate({
          scrollTop: $(this).offset().top - 15
        }, 2000);
        return false;
    }
    //bind to resize
    $(window).resize( function() {
      if(isMobileLandscapeOnly.matches || isTabletLandscapeOnly.matches){
        desktopTabs();
        $('#tab_description h6').on("click, touchstart", tabClick);
      } else if(isMobilePortraitOnly.matches || isTabletPortraitOnly.matches){
        mobileTabs(); 
        $('#tab_description h6').on("click, touchstart", tabClick);
      } else if(isDesktop) {
        desktopTabs(); 
      }
    });
    //check for the orientation event and bind accordingly
    window.addEventListener("orientationchange", function() {
      if(isMobileLandscapeOnly.matches || isTabletLandscapeOnly.matches){
        desktopTabs();
        $('#tab_description h6').on("click, touchstart", tabClick);
      } else if(isMobilePortraitOnly.matches || isTabletPortraitOnly.matches){
        mobileTabs(); 
        $('#tab_description h6').on("click, touchstart", tabClick);
      } else if(isDesktop) {
        desktopTabs(); 
      }
    }, false);
    if(isMobileLandscapeOnly.matches || isTabletLandscapeOnly.matches){
      //alert("Mobile / Tablet (Portrait)");
      desktopTabs();
      $('#tab_description h6').on("click, touchstart", tabClick);
    //console.log(originalTabs);
    } else if(isMobilePortraitOnly.matches || isTabletPortraitOnly.matches){
      //alert("Mobile / Tablet (Portrait)");
      mobileTabs(); 
      $('#tab_description h6').on("click, touchstart", tabClick);
    } else if(isDesktop) {
      //alert("Desktop");
      desktopTabs(); 
    }
  });