Question

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

<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方法加载内容（btw根本不起作用......）但所有相同的重新加载页面。

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

Answer 1

You seem to have href set to nothing. Thats why its refreshing. Set it to #.此外，您错过了e.preventDefault。尝试在click的{{1}}中添加该内容。

#portfolio

jquery load（），成功后停止刷新页面

1 个答案: