2013-12-23 84 views
0

我正在使用分頁到我的表格。如何在選擇頁面後爲傳呼機控制應用css風格?

<div class="divpager"> <% for (int i = 0; i < Model.TotalPages; i++) 
    {%> 
    <a style="text-decoration:underline; color:Black" class="Pager"><%: i+1 %></a> 
    <% }%> 
</div> 

CSS:網頁

.divpager { 
    display: inline-block; 
    float: left; 
    cursor: pointer; 
} 

我想whenevr用戶點擊需要應用CSS樣式無下劃線。爲此,我嘗試a.hover,a.active作爲text-decoration:none。但我無法得到。請點擊頁面告訴我,不需要顯示下劃線。

+0

你可以寫你你應用於鏈接的「傳呼機」類嗎? – semirturgay

回答

0

你試過一個:active ?.這樣做時,您可以在單擊該元素時對鏈接進行不同的設計。

喜歡的東西

.Pager:active{ 
    text-decoration:none; 
} 
1

您需要添加一些jQuery的這個..只是CSS不能做到這一點。

CSS:

.active { text-decoration: none !important;} 

的jQuery:

$(document).ready(function(){ 
    $('.divpager a').click(function(){ 
    $('.divpager a').removeClass('active'); 
    $(this).addClass('active'); 
    }); 
}); 

不要忘了,包括你的網頁jQuery庫。

+0

在點擊功能,我打電話showresults()加載數據。我嘗試以上樣式但不適用。 – user3106578

+0

你也可以在showresults()中放入這段代碼。 – Era

+0

沒有用,我也試過。 – user3106578

0
  1. 首先,它的a:hover,a:active,而不是a.hover,a.active;
  2. 其次,內聯樣式優先於內部和外部樣式表。