平板电脑上的Bootstrap 3下拉 - 双击家长导航元素与href?

时间:2014-01-20 05:19:20

标签: css twitter-bootstrap twitter-bootstrap-3

在Bootstrap 3中,我想要一个在悬停或点击时显示的导航栏(取决于你是分别在台式机还是平板电脑上)。

我已经完成了这项工作,但问题是在任何包含带有<li>的{​​{1}}元素的导航栏<a>元素上,我无法导航到{{1 }}。目标是点击,或第二次点击平板电脑。

有办法做到这一点吗?在我的代码中,带有文本“下拉列表”的href应该能够将您导航到外部网址。

http://jsfiddle.net/2Smgv/3917/

1 个答案:

答案 0 :(得分:0)

尝试将js代码添加到您的页面

$(function(){
  $('.nav-pills .dropdown .dropdown-toggle').bind('mousedown', function(){
  var href = $(this).attr('href');
  location.href = href;
 });
});