javascript - 触发其他函数后 Var 默认为 0

Question

这是我的代码:

        $(document).ready( function(){

            var current = 0; 
            var numImages = 0;

        var images = new Array();

            $('.smallicon').each(function() {
                numImages++;
            });

            $('.smallicon').each(function() {
                images.push($(this).attr("id"));
            });


            $('.smallicon').click(function() {

                var current = $('.smallicon').index(this);
                alert (current); 
                var theImage = $(this).attr("id");
                var theImagetext = "#focus" + theImage;
                $("#focus"+images[current]).fadeIn();

                //alert( $('.smallicon').index(this) );

                //$('.gallerylightbox').append("Current: " + current + "<br />");
                //$('.gallerylightbox').append("Number: " + numImages + "<br />");


                $("#rightbtnshop").css("display", "block");
                $("#leftbtnshop").css("display", "block");

            if ((current+1) == numImages) {
                $("#rightbtnshop").css("display", "none");
            }

            if (current == 0) {
                $("#leftbtnshop").css("display", "none");
            }   

            }); 

            $('#rightbtnshop').click(function(){
                    moveLeft(); 
            });

            $('#leftbtnshop').click(function(){
                    moveRight();
            });



            function moveLeft()
            {   
            current++; 
                    if (current < numImages) {
                    $('.sliderfocus').css("display", "none");
                    //var theImage = images[current];
                    //var theImagetext = "#big" + theImage;

                    $("#focus"+images[current]).css("display" , "block");

                    //$('.gallerylightbox').append("Current: " + current);
                    //$('#content').append(theImage);

                    $("#rightbtnshop").css("display", "block");
                    $("#leftbtnshop").css("display", "block");

                    if ((current+1) == numImages) {
                        $("#rightbtnshop").css("display", "none");
                    }

                    if (current == 0) {
                        $("#leftbtnshop").css("display", "none");
                    }   
                    }
                    alert(current); 
            }

            function moveRight()
            {
                current--; 
                    if (current <= numImages) {
                    $('.sliderfocus').fadeOut();
                    //var theImage = images[current];
                    //var theImagetext = "#focus" + theImage;

                    $("#focus"+images[current]).fadeIn();

                    //$('.gallerylightbox').append("Current: " + current + "<br />");
                    //$('#content').append(images[current]);

                    $("#rightbtnshop").css("display", "block");
                    $("#leftbtnshop").css("display", "block");

                    if ((current+1) == numImages) {
                        $("#rightbtnshop").css("display", "none");
                    }

                    if (current == 0) {
                        $("#leftbtnshop").css("display", "none");
                    }   
                    }
                    alert(current); 
            }

            var scrolls = 0;

            $("#rightbtnshopmini").click(function() {
                scrolls--;
                scrollnumber = (scrolls * 100);

                $("#smallernav").css("margin-left" , scrollnumber + "%");

                $("#leftbtnshopmini").css("display", "block");

                if (scrolls == 0) {
                    $("#leftbtnshopmini").css("display", "none");
                }else{
                    $("#leftbtnshopmini").css("display", "block");
                }

            });

            $("#leftbtnshopmini").click(function() {
                scrolls++;
                scrollnumber = (scrolls * 100)

                $("#smallernav").css("margin-left" , scrollnumber + "%" );

                if (scrolls == 0) {
                    $("#leftbtnshopmini").css("display", "none");
                }else{
                    $("#leftbtnshopmini").css("display", "block");
                }

            });


            });

我的问题是，在我单击 .smallicon 后，尝试单击 #leftbtnshop 或 #rightbtnshop，var 值变为 0 并显示第一张图片。我确定这是我的职能范围，但我不确定如何更正此问题。此工作版本位于 http://bandsofyeg.com/shop/

Answer 1

问题就在这里，你在这段代码中重新定义了一个本地版本的current。删除 var(应该只是 current = $('.smallicon').index(this);)，这应该可以解决您的问题。

$('.smallicon').click(函数 () {
var current = $('.smallicon').index(this);
警报(当前)；
var theImage = $(this).attr("id");