Question

<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”？

Answer 1

我不确定我是否理解正确，但您是否正在寻找 this 之类的内容？

如果是这样，那么似乎隐藏了页面'1'链接并添加了一个跨度以显示1作为简单文本。所以我只是将样式从Page'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');
});

如何更改默认页面

1 个答案: