基于Bootstrap实现的下拉菜单手机端不能选择菜单项的缘由附解决方法_

1、基于Bootstrap实现的下拉菜单手机端不能选择菜单项的缘由附解决方法_ 基于Bootstrap做的下拉菜单在电脑扫瞄器中可正常用法，在手机扫瞄器中能弹出下拉列表，却不能选择列表中的菜单项，通过自己百度查找缘由将bootstrap脚本文件中的ontouchstart 替换为 disable-ontouchstart可以解决，替换后并不能解决。（红米手机UC扫瞄器不支持，小米手机UC扫瞄器正常，其他临时未测试） jquery：v1.11.2 bootstrap：v3.3.4 以下为前台页面代码： div class=input-group span class=input-group-addo

2、n id=sizing-addon2本外地福利：/span div class=btn-group button type=button class=btn btn-default dropdown-toggle id=btnFuLi name=btnFuLi data-toggle=dropdown value= aria-expanded=false 请选择本外地福利 span class=caret/span /button ul class=dropdown-menu id=UiFuLi role=menu lia title=1 href=#本地福利/a/lili class=div

3、ider/li lia title=2 href=#外地福利/a/lili class=divider/li /ul input id=txtFuLi name=本外地福利/ /div /div 以下为JS脚本：（给下拉菜单项添加click） DataBindFuLi: function () $(#UiFuLi li a).bind(click, function () var $this = $(this); var $a = $this.parent().parent().prev() var t = $this.text(); $a.val($this.attr(title); $(#

4、txtFuLi).val($this.attr(title); $a.text($this.text(); $a.append(span class=caret); ); 解决方法如下所示： 以下代码手机扫瞄器不支持，将以下元素指定ID赋值即可解决（） $this.parent().parent().prev() 调整后代码： $(#drpWorkType li a).bind(click, function () var $this = $(this); /var $a = $this.parent().parent().prev() $(#txtWorkType).val($this.attr(title); $(#btnWorkType).val($this.attr(title); $(#btnWorkType).text($this.text(); /$a.val($this.attr(title); /$a.text($this.text(); /$a.append(span class=c