Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/435.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如果用户在jQuery中第一次访问页面,如何确定本地存储_Javascript_Jquery_Bootstrap 4_Local Storage - Fatal编程技术网

Javascript 如果用户在jQuery中第一次访问页面,如何确定本地存储

Javascript 如果用户在jQuery中第一次访问页面,如何确定本地存储,javascript,jquery,bootstrap-4,local-storage,Javascript,Jquery,Bootstrap 4,Local Storage,我有一个Bootstrap4手风琴,我对Jquery中的本地存储概念非常陌生,下面是我的手风琴代码。 然而,我希望实施 如果用户是第一次访问页面-所有accordion都需要show类append,以便在页面加载时打开所有accordion 如果用户再次访问页面,则应在页面加载时关闭手风琴并删除show类 。可折叠链接::之前{ 内容:''; 宽度:14px; 高度:2倍; 背景:#333; 位置:绝对位置; 顶部:计算值(50%-1px); 右:1rem; 显示:块; 过渡:均为0.3秒

我有一个Bootstrap4手风琴,我对Jquery中的本地存储概念非常陌生,下面是我的手风琴代码。 然而,我希望实施

  • 如果用户是第一次访问页面-所有accordion都需要show类append,以便在页面加载时打开所有accordion
  • 如果用户再次访问页面,则应在页面加载时关闭手风琴并删除show类
。可折叠链接::之前{
内容:'';
宽度:14px;
高度:2倍;
背景:#333;
位置:绝对位置;
顶部:计算值(50%-1px);
右:1rem;
显示:块;
过渡:均为0.3秒;
}
.可折叠链接::之后{
内容:'';
宽度:2倍;
高度:14px;
背景:#333;
位置:绝对位置;
顶部:钙(50%-7px);
右:计算(1rem+6px);
显示:块;
过渡:均为0.3秒;
}
.可折叠链接[aria expanded='true']::之后{
变换:旋转(90度)translateX(-1px);
}
.可折叠链接[aria expanded='true']::之前{
变换:旋转(180度);
}

动物界的陈词滥调reprehenderit,enim eiusmod high life accusamus terry richardson ad squid。3狼月亮奥特餐厅,非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月亮临时,圣阿利夸放了一只鸟在上面鱿鱼单一来源咖啡纳拉阿苏门达肖尔迪奇等

动物界的陈词滥调reprehenderit,enim eiusmod high life accusamus terry richardson ad squid。3狼月亮奥特餐厅,非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月亮临时,圣阿利夸放了一只鸟在上面鱿鱼单一来源咖啡纳拉阿苏门达肖尔迪奇等

动物界的陈词滥调reprehenderit,enim eiusmod high life accusamus terry richardson ad squid。3狼月亮奥特餐厅,非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月亮临时,圣阿利夸放了一只鸟在上面鱿鱼单一来源咖啡纳拉阿苏门达肖尔迪奇等

根据,您可以测试变量:

const firstTime = localStorage.getItem('firstTime');
if (firstTime == null) {
    $('#accordionExample .collapse').removeAttr("data-parent").collapse('show');
    localStorage['firstTime'] = 'false';
} else {
   $('#accordionExample .collapse').attr("data-parent","#accordionExample").collapse('hide');
}
片段(小提琴):

const firstTime=localStorage.getItem('firstTime');
if(firstTime==null){
$('#accordionExample.collapse').removeAttr(“数据父项”).collapse('show');
localStorage['firstTime']='false';
}否则{
$('#accordionExample.collapse').attr(“数据父对象”,“#accordionExample”).collapse('hide');
}
。可折叠链接::之前{
内容:'';
宽度:14px;
高度:2倍;
背景:#333;
位置:绝对位置;
顶部:计算值(50%-1px);
右:1rem;
显示:块;
过渡:均为0.3秒;
}
.可折叠链接::之后{
内容:'';
宽度:2倍;
高度:14px;
背景:#333;
位置:绝对位置;
顶部:钙(50%-7px);
右:计算(1rem+6px);
显示:块;
过渡:均为0.3秒;
}
.可折叠链接[aria expanded='true']::之后{
变换:旋转(90度)translateX(-1px);
}
.可折叠链接[aria expanded='true']::之前{
变换:旋转(180度);
}

动物界的陈词滥调reprehenderit,enim eiusmod high life accusamus terry richardson ad squid。3狼月亮奥特餐厅,非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月亮临时,圣阿利夸放了一只鸟在上面鱿鱼单一来源咖啡纳拉阿苏门达肖尔迪奇等

动物界的陈词滥调reprehenderit,enim eiusmod high life accusamus terry richardson ad squid。3狼月亮奥特餐厅,非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月亮临时,圣阿利夸放了一只鸟在上面鱿鱼单一来源咖啡纳拉阿苏门达肖尔迪奇等

动物界的陈词滥调reprehenderit,enim eiusmod high life accusamus terry richardson ad squid。3狼月亮奥特餐厅,非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月亮临时,圣阿利夸放了一只鸟在上面鱿鱼单一来源咖啡纳拉阿苏门达肖尔迪奇等


那么您尝试了什么?(javascript部分)你能用一个按钮吗?然后显示相关代码。