2015-04-07 24 views
-2

的李目前,我有以下的导航栏:超链接使用Javascript

<ul class="tabs"> 
    <li><a href="#tab-1">News</a></li> 
    <li><a href="#tab-2">MyRole</a></li> 
    <!--<li><a href="#tab-3">Services</a></li>--> 
    <li><a href="#tab-4">CSR</a></li> 
    <li><a href="#tab-5">Vendors</a></li> 
</ul> 

对于厂商来说选项卡,我想使用JavaScript超链接它。 我曾尝试下面的JavaScript代码,但没有奏效:

<script type="text/javascript" src="jquery.min.js"></script> 
<script type="text/javascript"> 
    function doSomething() { 
     $.get("hyperlink-here"); 
     return false; 
    } 
</script> 
<li><a href="#tab-5" onclick="doSomething();">Vendors</a></li> 

感谢

+0

你试过'window.location ='..''?你确实需要什么功能? –

+0

究竟是什么问题? – nikaltipar

+0

'$ .get'本身不会做任何事情,没有完整的回调来处理响应 – charlietfl

回答

0

我不知道我理解你的问题:

$(".tabs li a").on("click", function() 
 
{ 
 
    console.log($(this).data("link")); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul class="tabs"> 
 
<li><a data-link="#tab-1">News</a></li> 
 
<li><a data-link="#tab-2">MyRole</a></li> 
 
<!--<li><a href="#tab-3">Services</a></li>--> 
 
<li><a data-link="#tab-4">CSR</a></li> 
 
<li><a data-link="#tab-5">Vendors</a></li> 
 
</ul>

0

总结贵丽标签(您想要为其添加超链接)带有锚标签,如 <a href=""> <li></li> </a>. 或者如果你想用javascript来做:See this