Javascript ListJs-默认情况下隐藏所有元素

我已经通过搜索实现了ListJs，默认情况下列表中的所有元素都是可见的。 是否有办法在默认情况下隐藏所有元素，并使它们仅通过搜索可见

下面是我必须使用搜索（）创建列表的基本代码：

var选项={
valueNames:['name'，'born']
};
var myList=新列表（'myList'，选项）；
var noItems=$（'No items found！'）；
myList.on（'updated'，函数（列表）{
if（list.matchingItems.length==0）{
$（list.list）.append（noItems）；
}否则{
noItems.detach（）；
}
});
setTimeout（函数（）{
$（“#搜索”）.focus（）；
}, 250);
.list{
字体系列：无衬线；
保证金：0；
填充：20px0；
}
.list>li{
显示：块；
背景色：#eee；
填充：10px；
长方体阴影：插入0 1px 0#fff；
}
.姓名{
字体大小：16px；
保证金：0.3雷姆；
字体大小：正常；
字体大小：粗体；
}
.出生{
保证金：0；
}



琼尼·韦恩
1986年



乔纳斯
1985年


乔纳斯
1985年


乔纳斯
1985年


玛蒂娜
1986年



古斯塔夫
1983年


使用和

在搜索为空时隐藏的步骤

myList.on('searchComplete', function(list) {
  if ($('input.search').val() == '') {
    list.visibleItems.forEach(i => i.hide())
  }
})

如果要隐藏到第一次搜索，只需使用

myList.visibleItems.forEach(i => i.hide())


var选项={
valueNames:['name'，'born']
};
var myList=新列表（'myList'，选项）；
var noItems=$（'No items found！'）；
myList.on（'updated'，函数（列表）{
if（list.matchingItems.length==0）{
$（list.list）.append（noItems）；
}否则{
noItems.detach（）；
}
});
myList.on（'searchComplete'，函数（列表）{
if（$（'input.search'）.val（）=''）{
list.visibleItems.forEach（i=>i.hide（））
}
}).trigger（'searchComplete'）
setTimeout（函数（）{
$（“#搜索”）.focus（）；
}, 250);
.list{
字体系列：无衬线；
保证金：0；
填充：20px0；
}
.list>li{
显示：块；
背景色：#eee；
填充：10px；
长方体阴影：插入0 1px 0#fff；
}
.姓名{
字体大小：16px；
保证金：0.3雷姆；
字体大小：正常；
字体大小：粗体；
}
.出生{
保证金：0；
}



琼尼·韦恩
1986年



乔纳斯
1985年


玛蒂娜
1986年



古斯塔夫
1983年


使用和

在搜索为空时隐藏的步骤

myList.on('searchComplete', function(list) {
  if ($('input.search').val() == '') {
    list.visibleItems.forEach(i => i.hide())
  }
})

如果要隐藏到第一次搜索，只需使用

myList.visibleItems.forEach(i => i.hide())


var选项={
valueNames:['name'，'born']
};
var myList=新列表（'myList'，选项）；
var noItems=$（'No items found！'）；
myList.on（'updated'，函数（列表）{
if（list.matchingItems.length==0）{
$（list.list）.append（noItems）；
}否则{
noItems.detach（）；
}
});
myList.on（'searchComplete'，函数（列表）{
if（$（'input.search'）.val（）=''）{
list.visibleItems.forEach（i=>i.hide（））
}
}).trigger（'searchComplete'）
setTimeout（函数（）{
$（“#搜索”）.focus（）；
}, 250);
.list{
字体系列：无衬线；
保证金：0；
填充：20px0；
}
.list>li{
显示：块；
背景色：#eee；
填充：10px；
长方体阴影：插入0 1px 0#fff；
}
.姓名{
字体大小：16px；
保证金：0.3雷姆；
字体大小：正常；
字体大小：粗体；
}
.出生{
保证金：0；
}



琼尼·韦恩
1986年



乔纳斯
1985年


玛蒂娜
1986年



古斯塔夫
1983年


非常感谢，它就像一个符咒！我想避免改变核心，这看起来很棒！非常感谢，它就像一个符咒！我想避免改变核心，这看起来很棒！