选择图像的 Javascript 函数仅适用于第一张图像

Question

这是我用来选择照片的函数。通过添加到数组并在其上放置绿色复选标记来选择它们。当再次单击它们时，它们应该从数组中删除，并且复选标记也应该被删除。

这工作正常，但如果您选择然后取消选择照片，则此后您将无法再次选择它。唯一的异常(exception)是列表中的第一张照片(左上)，我不确定这是为什么。您可以根据需要多次选择和取消选择它，并且效果很好。我希望所有照片都像这样。

这是我的代码:

var selectedPhotos = new Array();
function selectVehicle(photoID) {
    if ( selectedPhotos.indexOf(photoID) > -1 ) {
        $('#check'+photoID).css('z-index', '-1');
        selectedPhotos.splice(photoID, 1);
    } else {
        selectedPhotos.push(photoID);
        $('#check'+photoID).css('z-index', '1');
    }

}

您可以在此处查看正在运行的页面: http://lindseymotors.com/unassignedphotos.php

Answer 1

您需要传递要在splice中删除的元素的索引开始更改数组的索引

var index = selectedPhotos.indexOf(photoID);
if(index > -1){
    selectedPhotos.splice(index , 1);
}

完整代码

var selectedPhotos = new Array();
function selectVehicle(photoID) {
    var index = selectedPhotos.indexOf(photoID);
    if(index > -1){
        selectedPhotos.splice(index, 1);
        $('#check'+photoID).css('z-index', '-1');
    } else {
        selectedPhotos.push(photoID);
        $('#check'+photoID).css('z-index', '1');
    }
}