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

您需要在链接后放置<script>...</script>标记，以便在jQuery代码尝试执行时实际存在该链接。

Answer 3

仅在以下情况下才有效：

首先加载jQuery
当一切准备就绪时，您可以使此脚本正常工作

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>

如何在jquery中显示隐藏元素？

3 个答案: