2014-01-22 31 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