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>

私がポートフォリオ.html ドキュメントに書いたのは 1 行のテキストだけですが、後でより完全な内容になります。アラートは、何が起こっているかを確認するためのものでした。

また、 $.get メソッドを使用してコンテンツの読み込みを試みましたが (これはまったく機能しませんでした...)、すべて同じようにページがリロードされました。

書く必要があるある種の停止機能はありますか? しかし、私が読んだことから、通常は必要ありません。これは本当に単純なはずです...

4

1 に答える 1

2

あなたはhref何も設定していないようです。だからこそ爽やか。に設定し#ます。また、あなたが行方不明e.preventDefaultです。clickそれをofに追加してみてください#portfolio。

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