使用 Javascript 超链接一个 li答案

【问题标题】：Hyperlink an li using Javascript使用 Javascript 超链接一个 li
【发布时间】：2015-04-07 16:31:33
【问题描述】：

我目前有如下导航栏：

<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>

谢谢

【问题讨论】：

你试过window.location='..'吗？您究竟需要什么功能？
到底是什么问题？
$.get 在没有完整回调来处理响应的情况下不会自行执行任何操作
这需要进一步解释。我不相信你需要使用 javascript。只需使用链接的相应 ID 创建 div，对吗？

标签： javascript php jquery html navigation

【解决方案1】：

我不确定我是否理解您的问题：

$(".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>

【讨论】：

【解决方案2】：

用<a href=""> <li></li> </a>. 之类的锚标签包裹你的 li 标签（你要为其添加超链接）或者，如果您想使用 javascript：See this

【讨论】：