jQueryの引数利用とページネーション

引数ってって話。
この方のが分かりやすかった。引数

 $(function(){
$(body).on("moutover",function(){
    $(this).css("color","red");
});
});

簡単に今日やったコード書いてみよっと。

ページネーションを作成していました。もちろん、プラグインを使って。
それでも結構カスタムしたから、誰かしら使えるとおもう笑

使ったのは、simplePagination.js
選定した理由は、導入が初心者でもできるほど(見た目)簡単そうだったから。

実際、1Pのサイトに導入するのは簡単なんだけど、今回2Pに渡って使ってるから結構大変だったよ。
お知らせページ、更新ページの両方に使う！見たいなイメージ。
こうする事で、クラスの当て方やら、諸々悩んだ。

　　<div class="pager"></div><div class="pagers"></div>

 $(function() {
$('.pager').pagination({
pages: ${tmpInfoEndPage},
cssStyle: 'light-theme',
onPageClick: function(pageNumber){show(pageNumber,0)}
});
 $('.pager').click(function () {
$('body,html').animate({
  scrollTop: 0
}, 1);
return false;
});
$('.pagers').pagination({       
pages: ${tmpUpdateEndPage},
cssStyle: 'light-theme',
onPageClick: function(pageNumber){show(pageNumber,1)}
});
$('.pagers').click(function () {
    $('body,html').animate({
      scrollTop: 0
    }, 1);
    return false;
  });
});


function show(pageNumber,flag){
if(flag===0){
var pageInfo = "#pInfo"+pageNumber;
$('._current').hide()
$(page).show();
}
var page="#pUpdate"+pageNumber;
$('._currentU').hide()
$(pageInfo).show()
}

こうすれば、同じページでページネーション2カ所使用できるよ。
そうそう、
この時にね、ボタンをクリックした時ページのトップにスクロールしたいってのもあって。その方が綺麗でしょ。

それで、clickイベントをつけて、後はanimationで素早いスクロールさせてみた笑
もっと綺麗なやり方があるのか分からないけど、見た目はいい感じだからおけ。