2013-08-03 3 views
0

Просто нормальная функция загрузки, но после ее завершения она, похоже, перезагружает всю страницу. Это упрощенная версия:jquery load(), остановка обновления страницы после успеха

<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 (который не работал вообще), но все-таки перезагрузил страницу.

Есть ли какая-то функция остановки, которая должна быть написана? Но из того, что я читал, обычно нет необходимости. Это должно быть очень просто ...

+0

вы можете просто добавить '#' в 'href', как это' 'portfolio или использовать http://api.jquery.com/event.preventDefault/ –

ответ

Смежные вопросы