如何激活单击选项卡和非活动默认值 [英] how to active clicked tab and inactive default
本文介绍了如何激活单击选项卡和非活动默认值的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我的代码
my code
<html>
<head>
<script type="text/javascript">
$('#myTab a').click(function (e) {
e.preventDefault()
$(this).tab('show')
})
</script>
</head>
<body>
...
<ul class="nav navbar-nav" id="myTab">
<li class="active"><a href="Home.aspx" data-toggle="tab">HOME</a></li>
<li><a href="AboutUs.aspx" data-toggle="tab">ABOUT US</a></li>
<li><a href="ContactUs.aspx" data-toggle="tab">CONTACT US</a></li>
<li><a href="Searchjob.aspx" data-toggle="tab">SEARCH JOBS</a></li>
</ul>
...
</body>
</html>
现在没有标签可点击。我想在点击和其他非活动时激活标签。
请帮助。
No tab is now clickable. I want to make a tab active when clicked and other inactive.
Please help.
推荐答案
('#myTab a')。点击(function(e){
e.preventDefault()
('#myTab a').click(function (e) { e.preventDefault()
(this).tab('show')
})
< / script> ;
< / head>
< body>
...
< ul class =nav navbar-navid =myTab>
< li class =active>< a href =Home.aspxdata-toggle =tab> HOME< / a>< / li>
< li>< a href =AboutUs.aspxdata-toggle =tab>关于我们< / a>< / li>
< li>< a href =ContactUs.aspxdata-toggle =tab>联系我们< / a>< / li>
< li>< a href =Searchjob.aspxdata-toggle =tab> SEARCH JOBS< / a>< / li>
< / ul>
...
< / body>
< / html>
(this).tab('show') }) </script> </head> <body> ... <ul class="nav navbar-nav" id="myTab"> <li class="active"><a href="Home.aspx" data-toggle="tab">HOME</a></li> <li><a href="AboutUs.aspx" data-toggle="tab">ABOUT US</a></li> <li><a href="ContactUs.aspx" data-toggle="tab">CONTACT US</a></li> <li><a href="Searchjob.aspx" data-toggle="tab">SEARCH JOBS</a></li> </ul> ... </body> </html>
现在没有标签可点击。我想在点击和其他非活动状态时激活一个标签。
请帮助。
No tab is now clickable. I want to make a tab active when clicked and other inactive.
Please help.
你添加了e.preventDefault()点击锚标签,它可以防止锚标签打开链接/页面。
您必须在加载页面时调用一个javascript / jquery函数,该函数将检查当前页面名称并分配活动类它是< li>中的相应锚标记。
AS you have added "e.preventDefault()" on click of anchor tags, it prevents anchor tags to open a link/page.
You have to call one javascript/jquery function on loading of page which will check the current page name and assign the "active" class to it's corresponding anchor tag in <li>.
这篇关于如何激活单击选项卡和非活动默认值的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文