2017-06-08 10 views
1

したがって、私はjsTreeを使用しており、ノードにhrefを設定したいとします。しかし、ノードをクリックすると何も起こりません。jsTree json href redirect

私は行方不明を誰も見ることができますか?

HTMLは次のとおりです。

<script> 
 
     $(function() { 
 
      $('#container').jstree({!jsonString}); 
 
     }); 
 
    </script>
<div id="container"> 
 

 
    </div>

とJSONデータは次のとおりです: のdivのid = "コンテナ"/

スクリプトがある

あなたが必要
{ 
    "core": { 
    "data": [ 
     { 
     "text": "Accounting", 
     "state": { 
      "opened": true 
     }, 
     "children": [ 
      { 
      "id": "a1u4D0000006KvkQAE", 
      "a_attr": { 
       "href": "www.google.com" 
      }, 
      "text": "New Hire" 
      }, 
      { 
      "id": "a1u4D0000006KvpQAE", 
      "a_attr": { 
       "href": "www.google.com" 
      }, 
      "text": "OnPay 2016 Docs" 
      }, 
      { 
      "id": "a1u4D0000006KvuQAE", 
      "a_attr": { 
       "href": "www.google.com" 
      }, 
      "text": "Payroll Relief Docs" 
      }, 
      { 
      "id": "a1u4D0000006KvzQAE", 
      "a_attr": { 
       "href": "www.google.com" 
      }, 
      "text": "Payroll Reports ", 
      "children": [ 
       { 
       "id": "a1u4D0000006Kw9QAE", 
       "text": "2016 Reports", 
       "children": [ 
        { 
        "id": "a1u4D0000006KwTQAU", 
        "text": "2016a", 
        "children": [ 
         { 
         "id": "a1u4D0000006LbsQAE", 
         "text": "2016a.1" 
         }, 
         { 
         "id": "a1u4D0000006NErQAM", 
         "text": "2016a.2" 
         } 
        ] 
        }, 
        { 
        "id": "a1u4D0000006KwYQAU", 
        "text": "2016b" 
        } 
       ] 
       }, 
       { 
       "id": "a1u4D0000006KwEQAU", 
       "text": "2017 Reports", 
       "children": [ 
        { 
        "id": "a1u4D0000006NMJQA2", 
        "text": "2017a" 
        }, 
        { 
        "id": "a1u4D0000006NMOQA2", 
        "text": "2017b" 
        } 
       ] 
       } 
      ] 
      }, 
      { 
      "id": "a1u4D0000006Kw4QAE", 
      "a_attr": { 
       "href": "www.google.com" 
      }, 
      "text": "Setup" 
      } 
     ] 
     } 
    ] 
    } 
    } 

答えて

0

各ノードのURLをselect_nodeイベント。

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