小编Web*_*ter的帖子

我有一个过滤器按钮列表,用于过滤图库项目.过滤效果很好,过滤器状态保存在会话存储中.我正在尝试链接搜索框和按钮.

我试图实现的行为是当有人键入搜索框然后点击进入或点击搜索按钮时,他们的条目将传递给过滤器功能并显示匹配结果.

我无法获取字符串并将其分配给变量.我无法让过滤器处理该变量.

我做了一个小提琴演示:https: //jsfiddle.net/ewebster/Lxveeq65/22/

JS:

          $(document).ready(function () {


        //declare a global variable


        var filterVal;


        //check if sessionStorage exists and if so, if there is a var called fillTerm
        //if not, set it to a default value (all)
        if (sessionStorage && sessionStorage.getItem("filTerm")) {
            filterVal = sessionStorage.getItem("filTerm");
        } else {
            filterVal = "all";
            sessionStorage.setItem("filTerm", filterVal);
        }

        //now let's attach some interaction to our buttons
        $(".filter-button").on("click", function () {
            //get the value for our filter
            filterVal = $(this).attr("data-filter");
            //store it …