twitter-bootstrap – 下拉菜单中的Twitter datepicker
发布时间：2020-12-17 21:26:46 所属栏目：安全 来源：网络整理
导读：我想在下拉菜单中添加一个日期选择器.我使用这个datepicker link 接下来,当我点击输入选择日期时,我添加了代码以不关闭菜单,输入消失.我该如何解决？ $('.datepicker').datepicker({ autoclose: true});$('.dropdown-toggle').dropdown();$('.jsolr-search-r
|
我想在下拉菜单中添加一个日期选择器.我使用这个datepicker
link
接下来,当我点击输入选择日期时,我添加了代码以不关闭菜单,输入消失.我该如何解决？ $('.datepicker').datepicker({
autoclose: true
});
$('.dropdown-toggle').dropdown();
$('.jsolr-search-result-form .dropdown input,.jsolr-search-result-form .dropdown label,.jsolr-search-result-form ul span').click(function(e) {
e.stopPropagation();
});
解决方法
你可以做以下事情：
jQuery(function($){
$('#dropdownMenu1').parent().on('hide.bs.dropdown',function(e){
e.preventDefault();
});
});
示例：http://jsfiddle.net/9qyf2/ 请注意,下拉事件是在父元素上触发的.从那里开始,您可以检查已单击的元素,并在需要时阻止默认行为.确保检查js组件上的bootstrap文档：http://getbootstrap.com/javascript/#dropdowns-usage 希望能帮助到你. （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |