javascript - 使用 jQuery 选择照片

Question

我有一个照片列表，我希望在单击照片时显示复选标记。该页面还应该在加载时隐藏复选标记，但现在也没有这样做。页面位于http://lindseymotors.com/addvehicle.php

这是相关的 JS 代码，但它被插入到 HTML 正文中，而不是插入到我的 JS 其余部分所在的 head 标记中。这是导致我的问题的原因还是代码本身的问题？这些代码由 PHP 生成并插入到 body HTML 标记中。

var allPhotos = new Array();
allPhotos[0] = '2000.mercedesbenz.clk430.0.jpg';    

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

    }
    $(document).ready(function(){
        $('#photo0').click(selectVehicle(0));
        $('#check0').zIndex(-1);
    });

当然，页面本身有 17 张照片，但每张照片的代码都是相同的。默认情况下，一旦我使功能正常工作，复选标记将被隐藏。

Answer 1

您使用 jQuery.click(function)方法。您应该传递一个函数，而不是一个语句。

尝试使用这个:

$('#photo0').click(function() { selectVehicle(0); });