Jquery | 在新选项卡中打开子文件夹的所有链接

Question

我需要在新选项卡中打开名为文档的Wordpress子文件夹的所有URL。 例如“ http://www.example.com/documents/ *”

场景：当在“文档”目录中显示所有帖子的帖子网格时，每个帖子将在新选项卡中打开。

我已经尝试过编辑外部链接脚本以使其适合我，但我没有得到任何结果。 我需要使用JQuery / Javascript甚至WP函数来完成这项工作。

救命 ：）

Answer 1

您可以使用Attribute Contains Selector为所有包含documents文件夹的锚点附加事件处理程序。 使用window.open（url，'_ blank'），您将在新选项卡中打开链接：

// using jQuery
$('a[href*="documents/"]').on('click', function(e) {
    e.preventDefault();
    var win = window.open(this.href, '_blank');
    win.focus();
})

// using javaScript
 document.querySelectorAll('a[href*="documents/"]').forEach(function(ele, inex) {
    ele.addEventListener('click', function() {
        var e = event || window.event;
        e.preventDefault();
        var win = window.open(this.href, '_blank');
        win.focus();
    })
})

Answer 2

感谢@gaetanoM为我搞清楚这一点！

对于那些有类似问题的人，最终的工作解决方案是：

    // Open all document post types in a new tab
    jQuery(document).ready(function($) {
    $(document).on('click', 'a[href*="documents/"]', function(e) {
    e.preventDefault();
    var win = window.open(this.href, '_blank');
    win.focus();
    })

    });