将href属性添加到bootstrap按钮

时间:2014-01-22 21:11:54

标签: javascript jquery html twitter-bootstrap

我正在努力让我的按钮在新标签页中打开一个网址。

我可以使用window.location.href让它工作,但是url不会以新方式打开。

我正在使用jQuery和Javascript,代码本身就是一个更大的jQuery函数。

$('#code').click(function(){
    window.location.href = 'http://www.example.com'
});

按钮在页面加载时没有href属性。

<button id="code" type="submit" class="btn btn-success" style="width:400px;"><span class="glyphicon glyphicon-download"></span> Generate Code</button>

我尝试过使用.attr和.prop虽然它也没有用。我对这些东西不熟悉,所以我可能做错了。

我愿意为按钮添加href或使用.click函数或其他任何东西,我只需要打开一个新选项卡。

编辑:: 好的,更多解释。

在页面加载时,按钮onclick启动一个计时器,增加进度条。进度条完成后,我希望按钮打开一个链接。

2 个答案:

答案 0 :(得分:15)

你可以这样做:

<a href="http://www.example.com" target="_blank" id="code" type="submit" class="btn btn-success" style="width:400px;"><span class="glyphicon glyphicon-download"></span> Generate Code</a>

我已将button转换为a代码并添加target="_blank"以在新标签中打开该链接。

答案 1 :(得分:0)

这将在新窗口中打开网址:

$('#code').click(function(){
window.open("http://www.w3schools.com");
});

http://www.w3schools.com/jsref/met_win_open.asp

相关问题