鍍金池/ 問答/HTML/ 分頁樣式問題點(diǎn)擊刷新 樣式?jīng)]應(yīng)用

分頁樣式問題點(diǎn)擊刷新 樣式?jīng)]應(yīng)用

一個后臺分頁，想要加一些樣式

  • 我想要的效果
    點(diǎn)擊某一頁（比如：第2頁）點(diǎn)擊同時應(yīng)用一個選中樣式，類似下圖

clipboard.png

  • 我的做法
    每一個頁碼是一個a標(biāo)簽，在當(dāng)前jsp頁面添加

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

    出現(xiàn)的效果是 點(diǎn)擊某一頁跳轉(zhuǎn)，刷新頁面，選中樣式?jīng)]有應(yīng)用，再次點(diǎn)擊才出現(xiàn)選中樣式，請問怎樣在點(diǎn)擊刷新頁面的同時就應(yīng)用樣式？謝謝解答~

回答
編輯回答
青黛色

刷新后啊，你這個綁定在刷新頁的class就沒了，你需要通過計(jì)算當(dāng)前頁碼，在頁面初加載的時候執(zhí)行一個函數(shù)
$(第n個a).addClass('slected').siblings().removeClass('slected');
最好用框架做，方便

2017年4月16日 19:03
編輯回答
忘了我

用 on 委托綁定在 body 上。
否則對動態(tài)生成的元素綁定失效。

2017年4月13日 06:19
編輯回答
避風(fēng)港

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

你用jsp寫的模板頁面，底下的分頁可以是動態(tài)呀，根據(jù)的url的page參數(shù)，循環(huán)底下分頁按鈕的時候，加一個index參數(shù)，判斷index是否和page相等，如果相等就加class="cur"。

沒用過jsp，寫個swig，意思一樣。

{% set index=1; %}
{% for page in pages %}
    <a {% if index==page %} class="cur" {% endif %}>{{ page }}</a>
{% endfor %}
2018年7月11日 22:25