href的JSTree綁定問題

Question

我已經讓JStree使用綁定​​函數來打開節點的href鏈接。 但是，它現在破壞了我的Bootstrap選項卡部分。

$('#jstree').bind("select_node.jstree", function (e, data) {
var href = data.node.a_attr.href;
document.location.href =  href;

<ul class="nav nav-tabs">
<li class="active"><a  href="#1" data-toggle="tab" id=tab1>
Tab1
</a>
</li>
</ul>

<div class="tab-content ">
<div class="tab-pane active" id="1">
//some content
</div>

有沒有更好的方法將節點綁定到其href？

 document.location.href =  href;

似乎將href應用於整個DOM，而不是特定於節點。.因此影響了所有href鏈接和選項卡功能...我猜...

在這件事上有幫助嗎？

謝謝

更新：似乎問題不在於綁定。 但是有了jstree本身...一旦我將其刪除...

    $('#jstree').jstree({
  'plugins': ["sort"],
    'core' : {
        'data' : {
    'url' : "fetch_tree.php", 
     'data' : function (node) {
     return { 'id' : node.id };
    },
        "dataType" : "json"
    }
    },'check_callback' : true
}) 

引導選項卡功能有效...

Answer 1

所以我找到了一個“解決方法”

使用中

<a  data-target="#1" data-toggle="tab" id=tab1>

代替

<a  href="#1" data-toggle="tab" id=tab1>

允許選項卡在alogside jstree中工作。 但是我找不到合適的解決方案。