Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/arrays/13.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/wcf/4.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
在单击jquery时反转数组_Jquery_Arrays_Reload_Reverse - Fatal编程技术网

在单击jquery时反转数组

在单击jquery时反转数组,jquery,arrays,reload,reverse,Jquery,Arrays,Reload,Reverse,我有一个在页面上显示信息的数组。我想点击一个按钮就能颠倒顺序 .reverse()可以工作,但我不确定如何在单击按钮时调用它,然后刷新显示以显示反转的阵列 我的设置如下所示: 包含js文件和我的数组(以及显示数组的代码),我的数组存储在一个变量中(比这个长但只是为了显示): var图像库=[ { image_src:“images/xmas-1.jpg”, }, { image_src:“images/xmas-2.jpg”, }, { image_src:“images/xmas-3.jpg”

我有一个在页面上显示信息的数组。我想点击一个按钮就能颠倒顺序

.reverse()可以工作,但我不确定如何在单击按钮时调用它,然后刷新显示以显示反转的阵列

我的设置如下所示:

包含js文件和我的数组(以及显示数组的代码),我的数组存储在一个变量中(比这个长但只是为了显示):

var图像库=[
{
image_src:“images/xmas-1.jpg”,
},
{
image_src:“images/xmas-2.jpg”,
},
{
image_src:“images/xmas-3.jpg”,
}
]
var image=$('
这会将我的数组(图像)显示到我的html中。(简化版,但这是基础)

我的问题是如何刷新数组及其在页面上的显示

$('button#someID').click( function(event) {
    myArray.reverse();
});
不过,评论者是对的。发布您的代码,这样我们可以更好地了解情况。请注意,反转底层数据数组不会更新页面,因此您需要自己处理该位。

您可以使用
attr()
更改图像src

$('#buttonId').click(function(){
  images_gallery.reverse();
  $('#gallery-container img').attr('src', function( index){
      return images_gallery[index].image_src
  })

});

使用
attr()的函数参数
提供对集合中元素索引的访问

请显示您的HTML,以便我们了解DOM如何配合。请向我们提供一个JSFIDLE,并提供您的问题示例。试试这个……这很好,但我在图像上使用lightbox插件,当src切换时,它似乎不会加载新图像,有什么方法可以重新加载吗广告的lightbox.js以及?将取决于API的插件你正在使用…有许多lighbox类型的插件
$('#buttonId').click(function(){
  images_gallery.reverse();
  $('#gallery-container img').attr('src', function( index){
      return images_gallery[index].image_src
  })

});