2011-12-30 128 views
0
<div class="phonepager fcolrblk2c"> 
     Page 
<a style="display: none;" href="javascript:__doPostBack('pgrTop$lnkPage1','')" id="pgrTop_lnkPage1">1</a><span id="pgrTop_lblPage1">1</span>&nbsp; 
<a href="javascript:__doPostBack('pgrTop$lnkPage2','')" id="pgrTop_lnkPage2">2</a>&nbsp; 
<a href="javascript:__doPostBack('pgrTop$lnkPage3','')" id="pgrTop_lnkPage3">3</a>&nbsp; 
<a href="javascript:__doPostBack('pgrTop$lnkPage4','')" id="pgrTop_lnkPage4">4</a>&nbsp; 
<a href="javascript:__doPostBack('pgrTop$lnkPage5','')" id="pgrTop_lnkPage5">5</a>&nbsp; 
| <a href="javascript:__doPostBack('pgrTop$lnkPageShowAll','')" id="pgrTop_lnkPageShowAll">See all on one page</a>&nbsp; 
     </div> 

我有这个代码打开不同的页面。当我们打开网址时,第一页默认显示。如何使默认点击而不是“1”的“看到所有在一个页面上?如何更改默认页面

+1

我们没有这个代码。 – Purag 2011-12-30 22:50:00

+0

现在您可以看到代码。 – Noname 2011-12-30 22:54:57

+0

代码还不够...我们需要'__doPostBack()'函数。 – Purag 2011-12-30 22:56:37

回答

0

我不确定我是否理解正确,但您是否在寻找类似this

如果是这样,那么看起来好像页面'1'链接被隐藏,并且添加了一个跨度以将1显示为简单文本。因此,我只是将页面'1'链接的样式移动到'查看所有页面上的内容',并移动显示'1'的跨度并将其更改为'在一页上查看全部内容'。

您应该使用javascript函数来实现此功能。请检查此demo,以获取您试图实现的基于JavaScript的解决方案。

代码:

$('.page_link').click (function() { 
    var selPage = this.id.replace('pgrTop_lnk', ''); 

    //reset all link  
    $('.sel_page_lbl').remove(); 
    $('.page_link').removeClass('hidden'); 

    $(this).after('<span id="pgrTop_lbl' + selPage + '" class="sel_page_lbl" >'+this.innerHTML+'</span>'); 

    $(this).addClass('hidden'); 
});