データ型の変更CSS機能

Question

最初、前、次、最後のリンクを持つ3つの番号付きページリンクがある場合など、jQuery用のDatatablesプラグインの使用方法を理解できません同じように。 1ページ目の場合、最初、前のボタンにはpagination_button_disabledのCSSが適用されているだけでなく、ページングボタンと1つ前のCSSスタイルが表示されます。最初のページと最後のページのCSSスタイルをpaginate_button_disabledに設定して、ページ1にある場合は3ページ目であったかどうかを尊敬して、最後と次を無効にする必要があります。

Answer 1

私は彼らがクラス 'paginate_button_disabled'を持っていても、そのクラスのCSSは定義されていないと思います。実際、すべてのCSSはクラス 'paging_full_numbers'から継承されています。私はあなたがCSS

EDITをDataTableのロードした後、あなたはCSSルール

.paging_full_numbers .paginate_button_disabled{ 
    //put your rule for disabled content here 
    color: gray; 
} 

を定義するべきだと思う - 私はあなたのフィドルを編集した（私は修正唯一のものがあるので、私はdatatables.netサイトからのDataTableのソースをロードあなたのスクリプトのリンクが壊れていました）。

私は

.dataTables_paginate .paginate_button_disabled{ 
    display:none; 
} 

と無効なボタンが隠されているCSSのこの行を追加しました。ここをクリックしてください：http://jsfiddle.net/F7GLm/2/

Answer 2

うーん、多分何かのように：

var currentPage = parseInt($(...).text(), 10); 
var totalPages = parseInt($(...).text(), 10); 
$(".page").removeClass("pagination_button_disabled"); //Enable all initially 
if(currentPage == 1){ 
    $("#first, #previous").addClass("pagination_button_disabled"); 
} 
if(currentPage == totalPages){ 
    $("#last, #next").addClass("pagination_button_disabled"); 
} 

・ホープ、このことができます。乾杯。