जस्ट्री नोड्स काम नहीं करते हैं जब यूई प्लगइन का उपयोग किया जाता है

Question

मुझे पता चला है कि यूई प्लगइन का उपयोग पेड़ नोड्स के लिंक को तोड़ देता है। यह कुछ भी नया नहीं है, मुझे इस समस्या के संदर्भ कहीं और मिल गए हैं। पहला कारण jquery सत्यापन प्लगइन के v1.6 के साथ एक समस्या थी। मैं उस प्लगइन का उपयोग नहीं कर रहा हूं, इसलिए यह कारण नहीं हो सकता है।

मुझे एक अच्छी पोस्टिंग भी मिली है जो jstree-clicked कक्षा को <a> टैग में जोड़ने के कुछ तरीकों का वर्णन करती है। यह आशाजनक लग रहा था, लेकिन जब मैंने कोशिश की तो मुझे कोई फर्क नहीं पड़ता।

<div id="treediv"> 
    <ul> 
     <li id="page1"><a href="http://www.yahoo.com" class="jstree-clicked">YAHOO!</a></li>   
    </ul> 
</div> 
<script type="text/javascript" class="source"> 
$(function() { 

$("#treediv") 
    .jstree({ 
     "core" : { 
      "animation" : 0 
     }, 
     "themes" : { 
      "theme" : "classic" 
     }, 
     "plugins" : [ "themes", "html_data", "cookies", "ui" ] 
    }); 
}); 
</script> 

अगर मैं ui प्लगइन बाहर ले, तो लिंक पर क्लिक अपेक्षा के अनुरूप yahoo.com करने के लिए मुझे ले जाता है: यहाँ एक बहुत ही सरल उदाहरण है। क्या किसी के पास कोई विचार है?

Answer 1

मुझे लगता है कि मैं found the answer on the jstree discussion group हूं। मेरा मानना ​​है कि ui प्लगइन नोड्स को "चयनित" होने की अनुमति देता है, लेकिन क्लिक एंकर टैग से गुजरता नहीं है। इसलिए, जब भी कोई नोड चुना जाता है तो मुझे निष्पादित करने के लिए एक फ़ंक्शन बाध्य करना होता है। मैं निम्नलिखित की तरह एक .bind के साथ इस पूरा किया:

.bind("select_node.jstree", function (e, data) { 
    var href = data.rslt.obj.children("a").attr("href"); 
    // this will load content into a div: 
    $("#contents").load(href); 
    // this will follow the link: 
    document.location.href = href; 
    }) 

एक तरफ लाभ के रूप में, इस उदाहरण भी मुझे दिखाया है कि कैसे आसान यह एक पेड़ नोड पर क्लिक करें और एक और div में गतिशील सामग्री दिखाने के लिए है। उदाहरण के लिए, मान लीजिए पेड़ नोड के रूप में निम्नानुसार परिभाषित किया गया था (html_data jstree प्लगइन और struts2 का उपयोग कर): उस वृक्ष नोड पर

<li id="node1"> 
    <a href="do-something.action">Do Something</a> 
</li> 

क्लिक करने का कारण होगा do-कुछ कार्रवाई निष्पादित किया जाना है, और परिणाम में प्रदर्शित किया जाएगा आईडी "सामग्री" के साथ div।