如何将目标添加到引导树视图中的视图项

Question

在我的 projetc 中，我使用以下树视图引导插件：https://github.com/jonmiles/bootstrap-treeview

但是树视图不支持生成的元素中的目标属性。

对于“类别”节点，href 属性的内容是“#”，对于列表组项目，内容是 URL。

我假设使用 javascript 我可以检测树视图组件中的哪些链接具有“#”作为 href 属性的值，哪些没有。对于不要做的事情，我必须向 a 元素添加一个目标属性。

直到现在我还没有准备好写一个可行的代码，所以没有用在这里上传。

以前有人解决过这个问题吗？

我将以下脚本添加到添加目标属性的页面中：

function addTarget(){
/*
function to add a target to the links in treeview
so they do not open in same page/view   
*/
    $('.treeview').find('a').each(function() {
        var href = $(this).attr('href');
        if(href != "#"){
            $(this).attr("target","_new");
        }
    });
}

最初这适用于显示的节点，但是当我打开和关闭节点时，会重新计算树视图，并且默认情况下会删除目标。

Answer 1

您可以阻止使用 javascript 打开链接，获取 url 并使用 javascript 在新选项卡中打开链接：

$('#treeviewFolder').on('click', 'a', function () {
    event.preventDefault();
    if ($(this).attr('href')) {
       window.open($(this).attr('href'), "_blank"); 
    }
});