0

只是一个正常的加载功能，但完成后，它似乎重新加载了整个页面。这是一个简化版本：

<body>
    <div id="outer">
         <script>
               $(document).ready(function(){
                   alert('begin')

                   $("#portfolio").click(function(){
                        $("#inner").load("portfolio.html");
                        alert('finish')

                   });
              });
         </script>

         <header>
              <a href="" id="home">name</a>
              <a href="" id="portfolio">portfolio</a>
         </header>

    </div>
    <div id="inner"></div>
</body>

我在portfolio.html 文档中写的只是一行文字，但以后它会变得更加完整。警报只是为了确认正在发生的事情。

我也尝试过使用 $.get 方法加载内容（顺便说一句，它根本不起作用......）但同样重新加载了页面。

是否需要编写某种停止功能？但从我所读到的，通常没有必要。这应该是很简单的...

4

1 回答 1

2

你似乎href一无所获。这就是为什么它令人耳目一新。将其设置为#。另外，你失踪了e.preventDefault。尝试将其添加click到#portfolio.

 $("#portfolio").click(function(e){
   e.preventDefault(); 
   $("#inner").load("portfolio.html");
   alert('finish')
 });
于 2013-08-03T19:18:50.157 回答