Javascript onclick按钮调用错误的图像数组

Javascript onclick按钮调用错误的图像数组,javascript,jquery,arrays,sorting,onclick,Javascript,Jquery,Arrays,Sorting,Onclick,功能: 最初,当用户进入页面时,会显示一个随机图像列表。但是,当用户单击按钮A时,将根据特定类别显示随机图像列表,因此将仅显示主列表中的少数随机图像 因此,如果主列表有10个图像,当用户单击被归类为水果的按钮时,生成的图像将只显示被归类为水果的图像。因此,它将导致仅显示6个水果图像。其他4个非水果图像将不显示 已完成的操作: 我已经创建了两个数组:第一个数组用于图像的主列表,第二个数组用于类别数组:水果 其次,我为第一个数组和第二个数组创建了一个随机函数 我已附上代码供您阅读: var sli

功能:

最初,当用户进入页面时,会显示一个随机图像列表。但是,当用户单击按钮A时,将根据特定类别显示随机图像列表,因此将仅显示主列表中的少数随机图像

因此,如果主列表有10个图像,当用户单击被归类为水果的按钮时,生成的图像将只显示被归类为水果的图像。因此,它将导致仅显示6个水果图像。其他4个非水果图像将不显示

已完成的操作:

我已经创建了两个数组:第一个数组用于图像的主列表,第二个数组用于类别数组:水果

其次,我为第一个数组和第二个数组创建了一个随机函数

我已附上代码供您阅读:

var slideDuration=1200;
var-idleTime=0;
//主图像阵列
var MainNameArray=[”http://www.keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg", "http://loremflickr.com/g/320/240/paris,女孩/所有人“http://www.keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg", "http://loremflickr.com/g/320/240/paris,女孩/所有人“,"http://www.keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg", "http://loremflickr.com/g/320/240/paris,女孩/所有人“http://www.keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg", "http://loremflickr.com/g/320/240/paris,女孩/所有人“http://www.keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg", "http://loremflickr.com/g/320/240/paris,女孩/所有人“]
//时装系列
变量数组=[”http://www.keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg", "http://loremflickr.com/g/320/240/paris,女孩/所有人“http://www.keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg", "http://loremflickr.com/g/320/240/paris,女孩/所有人“http://www.keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg"]
$(函数(){
//自动填充到品牌容器中,对每个品牌图像随机一次
var MainNameArrayBackup=JSON.parse(JSON.stringify(MainNameArray));
对于(i=0;i<$('#list')。查找('img')。长度;i++){
//设置随机品牌
var random_BrandIndex=Math.floor(Math.random()*MainNameArray.length);
//分配变量以生成随机品牌
var Brand=MainNameArray[random_BrandIndex];
MainNameArray.splice(随机索引,1);
$(‘品牌’+(i+1)).attr(‘src’,品牌);
$(“#品牌+(i+1)).show();
控制台日志(品牌);
}
MainNameArray=MainNameArrayBackup;//将值重新分配回数组
});
功能果(){
//自动填充到品牌容器中,对每个品牌图像随机一次
var mainnamearaybackup=JSON.parse(JSON.stringify(水果数组));
对于(i=0;i<$('#list')。查找('img')。长度;i++){
//设置随机品牌
var random\u foultindex=Math.floor(Math.random()*FashionArray.length);
//分配变量以生成随机品牌
var Fruthbrand=水果数组[随机水果指数];
拼接(随机指数,1);
$('品牌'+(i+1)).attr('src',水果品牌);
$(“#品牌+(i+1)).show();
console.log(水果品牌);
}
水果阵列=MainNameArrayBackup;
}
菜单{
背景色:#FFFFFF;
过滤器:α(不透明度=90);
不透明度:0.98;
}
.集装箱{
位置:绝对位置;
顶部:300px;
左:300px;
高度:600px;
宽度:1260px;
溢出y:滚动;
}
.innerScroll{
位置:相对位置;
宽度:1250px;
高度:600px;
字体大小:25px;
颜色:#8d8989!重要;
溢出:滚动;
}
#果{
位置:绝对位置;
宽度:400px;
高度:100px;
顶部:362px;
左:1548px;
z指数:9;
大纲:0;
}


您的函数名为Fruits,但您的点击是Fruit——这只是您在代码中键入的错误吗?您确定您确实在调用Fruits方法吗?@Brian,对不起,在JSFIDLE中键入的错误。代码本身仍然是Fruit()