pjax не работает

help, у меня проблема с pjax.pjax не работает

я скачать Lastest pjax на https://github.com/defunkt/jquery-pjax

тогда я кода как демо, но does't работу. main.html

<!DOCTYPE html> 
<html> 
<head> 
    <title>main.html</title> 
    <script type="text/javascript" src="../js/jquery/jquery-1.8.2.min.js"></script> 
    <script type="text/javascript" src="../js/jquery/plugin/jquery.pjax.js"></script> 
    <script> 
     $(function(){ 
      $(window.document).pjax('a', '#pjax-container') 
     }); 
    </script> 
</head> 
<body> 
    <h1>My Site</h1> 
    <div class="container" id="pjax-container"> 
     Go to <a href="MyHtml.html">next page</a>. 
    </div> 
</body> 
</html>

и MyHtml.html следующего

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <title>MyHtml.html</title> 
    </head> 
    <body> 
    This is my HTML page. <br> 
    </body> 
</html>

, когда я нажал на ссылку, он вперед MyHtml.html directly.is есть какие-либо проблемы с моим кодом?

Я могу просто убедиться, что pjax что-то сработал, когда я нажму кнопку back to main.html, вернусь к другой странице, которую я использовал до main.html.

источник

2013-03-26 miles

Вы не следуя Jquery-pjax инструкции. –

Можете ли вы отредактировать вопрос, чтобы включить содержимое 'MyHtml.html'? –

MyHtml.html просто hello world page.no скрипт или мета. Только «hello world» в теле. – miles

Поскольку вы используете статические HTML-страницы, вам понадобится опция fragment. Ваш pjax конфигурации, вероятно, следует:

$(function() { 
    $(document).pjax('a', '#pjax-container', { 
     fragment: '#pjax-container', 
     timeout: 3000 
    }); 
});

Кроме того, все ваши страницы должны иметь аналогичную разметку, только с содержанием #pjax-container быть различными. Содержание #pjax-container должно быть единственным, что меняется между страницами. Ваша MyHtml.html страница, вероятно, следует:

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <title>MyHtml.html</title> 
    <script type="text/javascript" src="../js/jquery/jquery-1.8.2.min.js"></script> 
    <script type="text/javascript" src="../js/jquery/plugin/jquery.pjax.js"></script> 
    <script> 
    $(function() { 
     $(document).pjax('a', '#pjax-container', { 
     fragment: '#pjax-container', 
     timeout: 3000 
     }); 
    }); 
    </script> 
    </head> 
    <body> 
    <h1>My Site</h1> 
    <div id="pjax-container"> 
     This is my HTML page. <br /> 
     Go to the <a href="main.html">main page</a> 
    </div> 
    </body> 
</html>

источник

2013-04-02 22:49:55

Я сделал это как ваш, но не работал. Запустил полную страницу.may я вам по электронной почте? – miles

У вас есть демо-URL? –

извините, у меня нет демо url.i, скопировало демо, которое поддерживалось pjax. Но это не сработало. и в консоли хром нет ошибок. – miles

pjax не работает

ответ

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