bootstrap按钮下拉列表无法在移动设备上运行

Question

我的网页上的下拉按钮在移动设备上无法正常更新。当有人从下拉列表中选择一个条目时，该条目应填充主下拉选择器。在桌面（和Chrome中的移动模拟器）上按预期工作，但不在手机上。

HTML可以在小提琴上看到： https://jsfiddle.net/axpjadda/2/

以下Javascript

$(function() {
  $('#dropdown1-pills a').on('touchstart', function(){    
    $(this).parent().parent().find(".active").removeClass("active");
    $(this).parent().parent().prev().html($(this).html()+' was touched');  
  })
  $('#dropdown1-pills a').on('click', function(){    
    $(this).parent().parent().find(".active").removeClass("active");
    $(this).parent().parent().prev().html($(this).html()+' was clicked');    
  })
  $('#dropdown2-pills a').on('click', function(){    
    $(this).parent().parent().find(".active").removeClass("active");
    $(this).parent().parent().prev().html($(this).html()+' was clicked');    
  })
});