JSTree show div при наведении указателя мыши на тег «li»

Question

Привет, У меня проблема с JSTree Мне нужно показать некоторые div, когда я наводил несколько «li» или «ul» в JStree.

Проблема заключается в том, что если я открываю все дочерние элементы «ul», то при наведении меня видит то, что я хочу (= 3 цветных div), но когда я ругаю родительский div, со своими детьми, а после этого откройте его, затем наведите указатель мыши не работайте больше. (Родительское Div 1) Если у меня есть все childer div, то hover не работает. (Родитель Div 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/

Может кто-нибудь мне помочь?

Answer 1

Вы можете использовать следующий код:

$(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'); 
}); 

Надеется, что это работает. Thanks