javascript – 搜索后的jstree键盘导航,“show_only_matches”为true

前端之家收集整理的这篇文章主要介绍了javascript – 搜索后的jstree键盘导航,“show_only_matches”为true前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试使用jstree键盘导航和搜索插件.一切都很好但是在我将show_only_matches添加为true之后导航没有按预期工作.也许是因为有隐藏的节点,jstree试图浏览它们.

这是我的jsfiddle

http://jsfiddle.net/53cvtbv9/1/

$(function() {

    $(".search-input").keyup(function() {

        var searchString = $(this).val();
        console.log(searchString);
        $('#jstree').jstree('search',searchString);
    });


    $('#jstree').jstree({
        'core': {

            'data': [ ... ]



        },"search": {

            "case_insensitive": true,"show_only_matches" : true


        },"plugins": ["search"]


    });
});

任何解决方案都是……

解决方法

$("#nacetree").jstree({
        "core" : {'data' : nace},"plugins" : [ "search" ],"search": { "show_only_matches" : true}
    });
    var to = false;
    $("#qnace").keyup(function () {
        //if(to) { clearTimeout(to); }
        to = setTimeout(function () {
            var v = $('#qnace').val();
            $('#nacetree').jstree(true).search(v);
        },250);
    });
原文链接:https://www.f2er.com/js/157607.html

猜你在找的JavaScript相关文章