Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
<!DOCTYPE html>
<meta charset='utf-8'>
<title>Pjax sample</title>
<%# jquery と pjax を読み込む。順番重要らしい %>
<script type="text/javascript" src="/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="/js/jquery.pjax.js"></script>
<%# 別のjsファイルに書くの面倒だからここに書いただけ %>
<script type="text/javascript">
// a タグで pjax 属性が付いているものは pjax 使う
// 属性指定しないと、全ての a タグが対象になる
$(document).pjax('a[pjax]', '#main');
.dotborder {
width: 95%;
border-width: 3px;
border-style: dotted;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
<div class="dotborder">
<a href="">がめぽとっぷ</a> |
<a href="/">さんぷるとっぷ</a> |
<a href="/test/NDF6iUM_FQA" pjax>かえる</a> |
<a href="/test/eb1c-T-ox-E" pjax>こうかく</a>
<div class="dotborder" id="main">
<%= yield %>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment