将href属性添加到bootstrap按钮

Question

我正在努力使我的按钮在新标签中打开一个网址.

我可以使用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启动一个计时器,增加进度条.进度条完成后,我希望按钮打开一个链接.

Answer 1

你可以这样做:

<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"以在新标签中打开链接.