2016-08-08 3 views
0

Ich werde verrückt. Die Frage ist sehr einfach, aber aus irgendeinem Grund über mein Verständnis.
diese Arbeit (auf jeden div auf der Seite, auch #example):JQuery-Animation funktioniert nicht mit ID-spezifizierten Divs?

$('#clickme').click(function() { 
     $('div').animate({left: '250px'}); 
    }); 

aber das ist nicht:

$('#clickme').click(function() { 
     $('#example').animate({left: '250px'}); 
    }); 

Ich bin sehr verwirrt.

+1

Können Sie Ihren HTML zeigen? –

+0

Es klingt, als hätten Sie mehr als ein "# example" -Element auf Ihrer Seite –

+0

Warten Sie, bis das Dokument geladen ist? Ist Ihr Skript-Tag im Kopf Ihres HTML-Tags oder am Ende des Body-Tags? Laden Sie das Element dynamisch? Bitte geben Sie mehr Code an und klären Sie das Problem. Hier ist ein funktionierendes Beispiel https://jsfiddle.net/kf2okn11/ –

Antwort

0

Einfach $('#example') ist hier ungültig. Für die Überprüfung

$('#clickme').click(function() { 
    if($('#example') && $('#example').length>0) 
    { 
    alert("O no i am available"); 
    $('#example').animate({left: '250px'}); 
    alert("Oops then animate also worked"); 
    } 
    else 
     alert("machine is always right");  
}); 

Sie sehen entweder animiert arbeiten oder Maschine ist richtig. In späteren Fall müssen Sie nur die #example verfügbar machen und Bingo