.index() Problem

Question

Sie sehen, ich versuche einige Elemente zu manipulieren, wenn sie ihren Index vergleichen. Das Problem ist mein Index ist nicht mit int-Wert zugewiesen, bleibt aber undefiniert.

$(function(){ 
    var i; 
    $("a").click 
    (
    function() 
    { 
     i = $("a").index(this);      
     $(".textholder div:eq(i)").slideUp(); 
     $(".textholder div:eq(i+1)").css('top', '-210px'); 
     return false; 
     } 
); 
    alert(i); 
}); 

Ich bin auch offen für irgendwelche Bemerkungen über meine Syntax und Algorithmus!

Irgendwelche Vorschläge? Vielen Dank

Answer 1

Sie Alarm i, bevor irgendetwas angeklickt wird. Wenn Sie auf etwas klicken, ist das einzige Bit, das ausgeführt wird, von der Zeile function() bis zur Zeile return false;. Es ist also kein Wunder, dass i nicht definiert ist.

Wenn Sie den Wert von i sehen wollen, wenn es gesetzt ist, bewegen Sie die alert(i) Linie (oder noch besser, ändern Sie ihn auf console.log()) unter die i = $("a").index(this); Linie.

Answer 2

Ich bin nicht sicher, dass es das einzige Problem ist, aber:

$(".textholder div:eq(i)").slideUp(); 
$(".textholder div:eq(i+1)").css('top', '-210px'); 

werden soll:

$(".textholder div:eq(" + i + ")").slideUp(); 
$(".textholder div:eq(" + i+1 + ")").css('top', '-210px'); 

Andernfalls wird die i wird nicht ausgewertet.

Answer 3

Die i Variable wird nicht interpoliert innerhalb der Zeichenfolge, bringen Sie es nach draußen.

$(function(){ 
    var i; 
    $("a").click 
    (
    function() 
    { 
     i = $("a").index(this);      
     $(".textholder div:eq(" + i + ")").slideUp(); 
     $(".textholder div:eq(" + (i+1) + ")").css('top', '-210px'); 
     return false; 
     } 
); 
    alert(i); 
});