在单击jquery时反转数组
我有一个在页面上显示信息的数组。我想点击一个按钮就能颠倒顺序 .reverse()可以工作,但我不确定如何在单击按钮时调用它,然后刷新显示以显示反转的阵列 我的设置如下所示: 包含js文件和我的数组(以及显示数组的代码),我的数组存储在一个变量中(比这个长但只是为了显示):在单击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”
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
})
});