javascript - jQuery 事件处理和 ready 函数

Question

我是 jQuery 的新手(我今天早上开始使用)，我对究竟是什么触发了提供给就绪函数的函数被执行感到困惑。

根据 jQuery 文档 [ http://docs.jquery.com/Events/ready#fn]就绪函数

Binds a function to be executed whenever the DOM is ready to be traversed and manipulated.

什么事件可以导致 DOM 树准备好被遍历？具体来说，我将 ready 函数应用于整个文档树:

<script type="text/javascript">
    $(document).ready(function(){

        $("p + p").hide ();

        $("a").click(function(event){
            $("p + p").toggle ();
            event.preventDefaults ();
        });

    });

</script>

似乎这个函数不仅在页面第一次加载时被调用，而且随后在点击超链接时被调用。

html 有许多段落和 $("p + p").hide ();导致页面加载时除了第一个之外的所有内容都被隐藏。我有一个嵌入第一段的超链接，我想用它来显示其余段落。

但是，似乎单击超链接 ( <a href="">Read more...</a> ) 会导致提供的函数准备好再次执行，从而在显示后立即隐藏我的段落。

是不是点击里面的action导致整个document DOM再次准备好被遍历？还是浏览器重新加载了整个页面？任何见解将不胜感激。

亲切的问候，

欧文。

Answer 1

通过快速浏览，我注意到一个拼写错误，您想要调用的方法是

event.preventDefault()

您提供给 ready 事件的方法没有再次完全执行，我认为它正在按照您设置的 .toggle 事件处理程序执行它应该做的事情。