为什么不't在iOS上启动按钮下拉工作
Why doesn't Bootstrap button dropdown work on iOS?
看起来这里的引导程序演示在iOS上也不起作用。您似乎无法在iPhone或iPad上从中选择项目。
有解决办法吗?
github上的许多问题评论中都提到了一个快速修复方法:https://github.com/twitter/bootstrap/issues/2975#issuecomment-8670606
在关闭html标签之前添加此脚本:
$('body').on('touchstart.dropdown', '.dropdown-menu', function (e) {
e.stopPropagation();
});
我已经在ios5和ios6上测试了上述方法。它就像一个魅力
如果你想修改引导程序javascript,你可以从文件底部附近的clearMenus的html绑定中删除touchstart.dropdown.data-api,而不是上面的修复程序。
只要更改这个
$('html')
.on('click.dropdown.data-api touchstart.dropdown.data-api', clearMenus)
到这个
$('html')
.on('click.dropdown.data-api', clearMenus)
您需要在文件中添加一个自定义jquery。如果你想使用它,那么使用:
<div class="container">
<div class="btn-group lt category_bg">
<p>Adults</p>
<button class="btn btn-large" data-toggle="dropdown"><cite>0</cite> <span class="caret"></span></button>
<ul class="dropdown-menu ">
<li id='adult_0' onClick="flight_user(this.id)"><a href="#" >0</a></li>
<li id='adult_1' onClick="flight_user(this.id)"><a href="#" >1</a></li>
<li id='adult_2' onClick="flight_user(this.id)"><a href="#" >2</a> </li>
<li id='adult_3' onClick="flight_user(this.id)"><a href="#">3</a></li>
<li id='adult_4' onClick="flight_user(this.id)"><a href="#">4</a></li>
</ul>
</div>
</div>
<script src="js/jquery.js"></script>
<script src="js/bootstrap-dropdown.js"></script>
<script>
function flight_user(selected){
var value = jQuery("#" + selected).find('a').text();
jQuery("#" + selected).parent().parent().find('cite').html(value);
}
</script>
如果你想要
这个脚本解决了这个问题。只需添加此代码
$(document).on('click', 'a.your-drop-down-link', function(event){
event.stopPropagation();
event.preventDefault();
if(event.handled !== true) {
if ( $(this).parent().hasClass('open') ) {
$(this).parent().removeClass('open');
}else{
$(this).parent().addClass('open');
}
event.handled = true;
} else {
return false;
}
});
相关文章:
- 单击按钮后启动javascript提示
- 一键启动按钮不起作用
- 从Django中同一页面上的多个按钮启动AJAX请求
- 禁用facebook在like按钮启动edge.create事件
- 从我自己的按钮启动音频播放器
- 按钮启动应用程序,但不会启动两次
- 从 PHP 按钮启动节点函数
- 使用谷歌地点搜索框.如何通过单击按钮启动搜索
- 按钮启动为活动状态
- 如何通过点击html页面中的按钮启动Chrome打包应用程序
- 按钮启动和停止我的javascript代码
- 填充导致错误的按钮启动
- 从GridView中的按钮启动JavaScript
- 点击按钮启动Lightbox
- JavaScript函数未从单击按钮启动
- Javascript:使用window.open使用多个按钮启动模式窗口
- 使用phonegap/cordova点击android原生菜单按钮启动jquery移动面板菜单
- 点击按钮启动fancyBox
- Marionette中的钩回按钮(启动前负载不工作)
- Ajax按钮启动每个按钮,而不仅仅是选中的按钮