Question

嗨我有JSTree的问题当我在JStree中悬停一些“li”或“ul”时我需要显示一些div。
问题是 - 如果我打开所有“ul”的孩子，那么在悬停时我会看到我想要的东西（= 3个彩色的div），但是当我和他的孩子一起折叠父母div，以及之后打开他，然后不再工作。（父母1）如果我把所有的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');
});

希望这有效。感谢

鼠标悬停在标签“li”上时，JSTree显示div

1 个答案: