Как мне показать скрытый элемент в 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>

Я пытаюсь сделать ссылку "Триггер", чтобы показать div, ответ, но он не работает. Не уверен, как это сделать.

Answer 1

Ваша подписка на событие click должна быть запущена, когда документ полностью загружен.Поэтому вы должны обернуть ваш установочный код в вызов $ ().

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

Таким образом, ваш код становится:

<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

Это будет работать, только если:

1. Сначала вы загружаете jQuery
2. Этот скрипт работает, когда все готово

Пример здесь

<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>

Answer 3

Вам нужно поставить тег <script>...</script> после ссылки, чтобы ссылка действительно существовала при попытке выполнения кода jQuery.