分页样式问题点击刷新 样式没应用

Question

一个后台分页，想要加一些样式

• 我想要的效果
  点击某一页（比如：第2页）点击同时应用一个选中样式，类似下图

• 我的做法
  每一个页码是一个a标签，在当前jsp页面添加

  <script type="text/javascript">
          $(function(){
              $(a).click(function(){
                  $(this).addClass('slected').siblings().removeClass('slected');
              })
          })
      </script>

• 问题

  出现的效果是 点击某一页跳转，刷新页面，选中样式没有应用，再次点击才出现选中样式，请问怎样在点击刷新页面的同时就应用样式？谢谢解答~

Answer 1

刷新后啊，你这个绑定在刷新页的class就没了，你需要通过计算当前页码，在页面初加载的时候执行一个函数
$(第n个a).addClass('slected').siblings().removeClass('slected');
最好用框架做，方便

Answer 2

答非所问了......不好意思。

你用jsp写的模板页面，底下的分页可以是动态呀，根据的url的page参数，循环底下分页按钮的时候，加一个index参数，判断index是否和page相等，如果相等就加class="cur"。

没用过jsp，写个swig，意思一样。

{% set index=1; %}
{% for page in pages %}
    <a {% if index==page %} class="cur" {% endif %}>{{ page }}</a>
{% endfor %}

Answer 3

用 on 委托绑定在 body 上。
否则对动态生成的元素绑定失效。