-1

我有一个在页面上显示信息的数组。我希望能够通过单击按钮来反转顺序。

.reverse() 有效，但我不确定如何在单击按钮时调用它，然后刷新显示以显示反转数组？

我的设置如下：

在我的数组中包含 js 文件（以及显示数组的代码），我的数组存储在一个变量中（比这更长，但只是为了显示）：

var images_gallery = [
    {
        image_src: "images/xmas-1.jpg",
    },
    {
        image_src: "images/xmas-2.jpg",
    },
    {
        image_src: "images/xmas-3.jpg",
    }
]

var image = $('<img>').addClass('librarian-gallery-img');
image.attr('src',images_gallery.image_src);
image.appendTo($('#gallery-container');

这会将我的数组（图像）显示到我的 html 中。（简化版，但这是基础）

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

4

2 回答 2

0 
$('button#someID').click( function(event) {
    myArray.reverse();
});

评论者是对的。发布您的代码，以便我们更好地了解情况。请注意，反转底层数据数组不会更新页面，因此您需要自己处理该位。

于 2013-01-30T13:19:22.653 回答
0

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

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

});

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

于 2013-01-30T13:42:27.187 回答