JSTree가 div 태그를 mouseover 할 때 div를 표시합니다.

Question

안녕하세요. JSTree에 문제가 있습니다. JStree에서 "li"또는 "ul"을 가리키면 일부 div가 필요합니다.

문제는 - 내가 "ul"의 하위 항목을 모두 열면 마우스를 올려 놓으면 원하는 항목 (= 3 색 div)이 표시되지만 상위 항목을 축소하고 하위 항목과 하위 항목을 열면 해당 항목이 열립니다 더 이상 일하지 않는다. (부모 학부모 1) div의 모든 childer를 닫은 다음 마우스를 올리면 작동하지 않습니다. (부모 사업부 2)

JS :

$(function() { 
    // 6 create an instance when the DOM is ready 
    $('#jstree').jstree({ 
    "core" : { 
     "check_callback" : true 
    }, 
    "plugins" : [ "dnd" ] 
    }); 
    // 7 bind to events triggered on the tree 
    $('#jstree').on("changed.jstree", function (e, data) { 
    console.log(data.selected); 
    }); 
    // 8 interact with the tree - either way is OK 
    $('button').on('click', function() { 
    $('#jstree').jstree(true).select_node('child_node_1'); 
    $('#jstree').jstree('select_node', 'child_node_1'); 
    $.jstree.reference('#jstree').select_node('child_node_1'); 
    }); 
}); 

$(document).ready(function() { 

    $('.jstree-node').mouseenter(function() { 
     $(".ovladaci_prvky_uzlu").stop(true, true).hide(); 
     $(this).find(".ovladaci_prvky_uzlu").stop(true, true).show(); 
    }).mouseleave(function() { 
     $(".ovladaci_prvky_uzlu").stop(true, true).hide(); 
    }); 

}); 

JSFiddle - http://jsfiddle.net/4s28w3pr/가

누군가가 나를 도울 수

? 이 작품

$(document).ready(function() { 
    $(document).on({ 
     mouseenter: function() { 
      $(".ovladaci_prvky_uzlu").stop(true, true).hide(); 
      $(this).find(".ovladaci_prvky_uzlu").stop(true, true).show(); 
     }, 
     mouseleave: function() { 
      $(".ovladaci_prvky_uzlu").stop(true, true).hide(); 
     } 
    }, '.jstree-node'); 
}); 

희망 :

Answer 1

는 다음과 같은 코드를 사용할 수 있습니다. 감사합니다