Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/467.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在引导中添加链接选项卡?_Javascript_Jquery_Html_Css_Bootstrap 4 - Fatal编程技术网

Javascript 如何在引导中添加链接选项卡?

Javascript 如何在引导中添加链接选项卡?,javascript,jquery,html,css,bootstrap-4,Javascript,Jquery,Html,Css,Bootstrap 4,我想在引导选项卡中创建一个链接。我有3个标签,我想其中一个,我会点击,一个新的页面将被打开。请告诉我怎么做 这是我的HTML代码 <li><a data-toggle="tab" href="google.com" id="btnRent" style="background: #f4762a;">Rent/Lease/PG/Shop</a></li> 我正在使用这个jQuery <script type="text/javascript"

我想在引导选项卡中创建一个链接。我有3个标签,我想其中一个,我会点击,一个新的页面将被打开。请告诉我怎么做

这是我的HTML代码

<li><a data-toggle="tab" href="google.com" id="btnRent" style="background: #f4762a;">Rent/Lease/PG/Shop</a></li>
我正在使用这个jQuery

<script type="text/javascript">
$(document).ready(function()
{
    $(#btnRent).click(function()
    {
        var go_to_url = "www.google.com";
        document.location.href = go_to_url;
    });
});
</script>

但它不起作用。当有人单击Rent/Lease/PG/Shop选项卡时,我想打开一个新页面。

您可以在单击功能中尝试:

 window.location = url;
或window.openurl


它应该可以做到这一点。

您不需要javascript,只需在“a”标记中使用目标参数,如下所示:

    <li><a data-toggle="tab" href="https://google.com" target="_blank" id="btnRent" style="background: #f4762a;">Rent/Lease/PG/Shop</a></li>

最好的方法是在选项卡内创建另一个元素

如果你想直接点击,就这么做

<ul class="nav nav-tabs">
  <li><a href="http://www.google.com>Click here</a></li>
  <li><a href="#">Menu 1</a></li>
  <li><a href="#">Menu 2</a></li>
  <li><a href="#">Menu 3</a></li>
</ul>

元素选择器的引号应为“$”btnRent“。单击函数`
<ul class="nav nav-tabs">
  <li><a href="http://www.google.com>Click here</a></li>
  <li><a href="#">Menu 1</a></li>
  <li><a href="#">Menu 2</a></li>
  <li><a href="#">Menu 3</a></li>
</ul>