2014-01-22 30 views
2

我正在尝试使其按钮在新选项卡中打开一个URL。将href属性添加到引导按钮

我可以让它使用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

为什么不直接使用'btn' CSS类做一个锚标记的按钮。然后使用'target =“_ blank”'属性。 –

+4

JavaScript是一个伟大的工具,但你应该避免它没有必要。使用'' – rybo111

回答

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> 

我转换buttona标签,并添加target="_blank"打开一个新标签的链接。

+0

一个好的解决方案! – gtzinos