2012-05-11 19 views
0
page = 1; 

$('.links').click(function() { 
    $(this).removeAttr('href'); 
    page = $(this).html(); 
}); 

<a href="#" class="links"> 1 </a> 
<a href="#" class="links"> 2 </a> 
<a href="#" class="links"> 3 </a> 

ページ番号をクリックすると、href属性を削除します。問題は、ページを連続してクリックすると、クリックされた前のページ番号がhref属性を取り戻さないということです。どうすればこのことができますか?JQueryのページ番号 - ページ番号をクリックしてhref attrを削除する

Jsfiddle:http://jsfiddle.net/JGpF9/

答えて

1

ない最高ソリューションが、それでも大丈夫1。これは、現在のリンクを削除する前にリンクに '#'のhrefを戻します。 hrefが異なる場合は、これを別の方法で解決する必要があります。

http://jsfiddle.net/JGpF9/1/

$('.links').click(function() { 
    $('.links').attr('href', '#'); 
    $(this).removeAttr('href'); 
    page = $(this).html(); 
});​ 

注:私はまた

+0

ああ、[OK]を、非常にシンプル。私はクラス内のすべてに影響を与えるのではなく、リンク属性を再追加しているhrefだけにどのように影響を与えるかを考えようとしています。クラスに十分な量のリンクがあれば、パフォーマンスが少し遅れることがあります。しかし、これは良い解決策です。ありがとう。 – Norse

0

はここソリューションですアンカータグの外にスペースを追加します。

$('.links').click(function() { 
    $('.links').slice(page - 1, page).attr('href', '#'); 
    page = $(this).html(); 
    $('.links').slice(page - 1, page).removeAttr('href'); 
}); 
関連する問題