- 追加された行はこの色です。
- 削除された行はこの色です。
練習用ページです。
既存のページや「[[テキスト整形のルール>FormattingRules]]」を参考にしてみてください。
#html{{
<script src="//unpkg.com/jscroll/dist/jquery.jscroll.min.js"></script>
}}
#htmlinsert(:HTML/クエストNo順)
#style(class=for-data){{
*[[メインストーリー>クエスト/メインストーリー]]
#include(クエスト/メインストーリー,notitle);
}}
#html{{
<a href="https://h1g.jp/dq10/?%E3%82%AF%E3%82%A8%E3%82%B9%E3%83%88%2F%E3%82%B5%E3%83%96%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AA%E3%83%BC" class="pagination-next">次へ</a>
<script>
$(function() {
// $('.for-data').jscroll();
var jscrollOption = {
loadingHtml: 'loading', // 記事読み込み中の表示文字列
autoTrigger: true, // 次の表示コンテンツの読み込みを自動( true )か、ボタンクリック( false )にする
padding: 20, // autoTriggerがtrueの場合、指定したコンテンツの下から何pxで読み込むか指定
nextSelector: 'a.pagination-next', // 次に読み込むコンテンツのURLのあるa要素を指定
contentSelector: '.for-data', // 読み込む範囲を指定、指定がなければページごと読み込む
callback: function(){//新たに読み込まれたページにはjavascriptが当たらないので、ここに追加すれば読み込まれる
$('.slider').bxSlider();
$.getScript("{% static 'myapp/js/main.js' %}");
}
}
$('.for-data').jscroll(jscrollOption);
});
</script>
}}