在新的 window 中使用 class 彈出窗口打開所有鏈接

Question

我的頁面上有很多帶有class="popup"的鏈接。

我希望所有這些都在新的 window 中打開。

用 Javascript 定義這個有什么好的方法嗎？

Answer 1

我正在使用.live()來支持稍后可能添加到 DOM 的鏈接。 如果您不添加來自事件處理程序、Ajax 回調等的鏈接，您可以簡單地使用.click() 。

$('a.popup').live('click', function (e) {
     window.open(this.href);
     e.preventDefault();
});

請注意，根據當前的 HTML5 規范，您還可以使用：

<a href="#" target="_blank"></a>

就像以前在 HTML4 中一樣。 這樣，您就不需要 Javascript。 盡管在 XHTML 文檔類型上不建議使用target ，因為它不被視為有效屬性。

從 jQuery 1.7 開始，不推薦使用 .live() 方法。 使用.on() 附加事件處理程序。 舊版本 jQuery 的用戶應優先使用.delegate() 而不是.live()。

如果您在更改代碼時需要幫助，請務必查看之前的 StackOverflow 問題。 使用 SO search [jquery] live deprecated是一個好的開始。

Answer 2

你可以把它放在你的$(document).ready()

$('a.popup').attr('TARGET', '_BLANK');