Javascript 如何在引导中添加链接选项卡?
我想在引导选项卡中创建一个链接。我有3个标签,我想其中一个,我会点击,一个新的页面将被打开。请告诉我怎么做 这是我的HTML代码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"
<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>