Wie zeige ich ein verstecktes Element in jquery?

Question

<script> 
$("#apick").click(
    function() { 
     $("#answer").show("slow"); 
    } 
); 
</script> 

<div id = "answer" style="display:none;" > 
    Word is: <span id = "word"></span> 
</div> 

<a href="#" id = "apick" class="pick">Trigger!</a> 

Ich versuche, den Versuch zu machen, den Link "Trigger" zu machen, um das div anzuzeigen, zu antworten, aber es funktioniert nicht. Ich bin mir nicht sicher, wie ich das anstellen soll.

Answer 1

Ihr Abonnement für das Klickereignis soll ausgeführt werden, wenn das Dokument vollständig geladen ist. Daher sollten Sie Ihren Setup-Code in einen $() -Aufruf verpacken.

$(function { 
    // your setup code goes here 
}); 

So Ihr Code wird:

<script> 
$(function() { 
    $("#apick").click(
     function() { 
      $("#answer").show("slow"); 
     } 
    ); 
}); 

</script> 

<div id = "answer" style="display:none;" > 
    Word is: <span id = "word"></span> 
</div> 

<a href="#" id = "apick" class="pick">Trigger!</a> 

Answer 2

Sie müssen den <script>...</script> Tag nach der Verbindung setzen, so dass der Link tatsächlich vorhanden ist, wenn der jQuery-Code auszuführen versucht.

Answer 3

Es wird nur funktionieren, wenn:

1. Sie jQuery laden erste
2. Sie dieses Skript Arbeit machen, wenn alles fertig ist

Example here

<div id = "answer" style="display:none;" > 
    Word is: <span id = "word"></span> 
</div> 

<a href="#" id = "apick" class="pick">Trigger!</a> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $("#apick").click(
    function() { 
     $("#answer").show("slow"); 
     e.preventDefault(); 
    } 
); 
}); 
</script>