gpt4 book ai didi

jquery - Bootstrap Twitter 下拉菜单 : Make the parent follow the link

转载 作者:行者123 更新时间:2023-12-03 22:44:01 24 4
gpt4 key购买 nike

我有这个 Bootstrap Twitter 下拉菜单。我用悬停事件替换了点击事件。现在唯一的问题是应该关注 www.google.com,但事实并非如此。我尝试过:

 jQuery(".nav .dropdown-toggle").click(function () {
return true;
});

但没有骰子。

这是代码:

<html>
<head>
<title>text</title>
<link type="text/css" rel="stylesheet" href="docs/assets/css/bootstrap.css"/>
<link type="text/css" rel="stylesheet" href="docs/assets/css/bootstrap-responsive.css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap-dropdown.js"></script>
<script type="text/javascript">
$(function(){
jQuery('.dropdown-toggle').dropdown();
jQuery('ul.nav li.dropdown').hover(
function() {jQuery(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn();},
function() {jQuery(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut();}
);

jQuery(".nav .dropdown-toggle").click(function () {
return true;
});
});
</script>

</head>
<body>
<ul class="nav nav-pills">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="http://www.google.com">
Dropdown
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="#">text</a></li>
<li><a href="#">text</a></li>
</ul>
</li>
</ul>

</body>
</html>

http://jsfiddle.net/rgdwM/

最佳答案

您可以通过稍微更改标记并添加 CSS 类来完成此操作,无需 JavaScript。

将 HTML 标记更改为(**注意 禁用 添加到下拉切换旁边):**

<a class="dropdown-toggle disabled" data-toggle="dropdown" data-target="#" href="http://www.google.com">
Dropdown
<b class="caret"></b>
</a>

如果您希望子菜单在悬停时显示(因为单击现在将转到指定的 url),请添加此 CSS 类:

.nav li.dropdown:hover .dropdown-menu
{
display: block;
}

这适用于 Bootstrap 版本 2.3.1。

关于jquery - Bootstrap Twitter 下拉菜单 : Make the parent follow the link,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11795826/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com