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

时间:2017-07-05 18:00:41

标签: jquery twitter-bootstrap-3

我的网页上的下拉按钮在移动设备上无法正常更新。当有人从下拉列表中选择一个条目时,该条目应填充主下拉选择器。在桌面(和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');    
  })
});

0 个答案:

没有答案