JQuery Click() function executes only once

Question

In the following code, CLICK() method runs only one time:

<!DOCTYPE html>
<html>
<head>
    <script src="jquery-1.10.2.min.js"></script>
    <script>
    $(function(){
        var arr = ["test1", "test2", "test3"];
        var i=0;

        $("#btn").click( function () {
            while(arr[i])
                alert(arr[i++]);
        });

    });
    </script>
</head>

<body> 
    <div id="btn">Click Me</div>
</body>

</html>

Whats the problem? I read all the other subjects but didn't help.

PSL · Accepted Answer · 2013-09-21 22:14:16Z

3

It does: - Just reset your i to 0. In your handler the condition fails second time because your i becomes array.length from your previous execution and it fails, since there is no item at arr[array.length] i.e3 in your case.

    $("#btn").click(function () {
       while(arr[i])
            alert(arr[i++]);
        i = 0; //here reset it

    });

or just move it to the scope of the function.

$("#btn").click(function () {
        var i = 0;
           while(arr[i])
                alert(arr[i++]);
 });

answered Sep 21, 2013 at 22:14

PSL

124k21 gold badges257 silver badges243 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

bfavaretto · Accepted Answer · 2013-09-21 22:15:40Z

1

The click method runs on every click, but after the first one it doesn't enter while loop anymore, because i === 3.

answered Sep 21, 2013 at 22:15

bfavaretto

72k18 gold badges118 silver badges162 bronze badges

Comments

CIRCLE · Accepted Answer · 2013-09-21 22:11:11Z

0

try this:

$("#btn").on('click', function () {
            while(arr[i])
                alert(arr[i++]);
        });

answered Sep 21, 2013 at 22:11

CIRCLE

4,9595 gold badges42 silver badges59 bronze badges

Comments

Rong Zhao · Accepted Answer · 2013-09-21 22:14:42Z

0

I think the problem is caused by variable i, please move i to click function, such as:

$("#btn").bind('click', function(){
    var i = 0;
    while(arr[i])
        alert(arr[i++]);
});

answered Sep 21, 2013 at 22:14

Rong Zhao

3181 silver badge16 bronze badges

Collectives™ on Stack Overflow

JQuery Click() function executes only once

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related