zoukankan      html  css  js  c++  java
  • html active属性

    源代码

    <div class="col-md-3">
            <div class="list-group">
                <a  href="{{ url_for('home.user') }}" class="list-group-item active">
                    <span class="glyphicon glyphicon-user"></span>&nbsp;会员中心
                </a>
                 <a   href="{{ url_for('home.pwd') }}" class="list-group-item">
                    <span class="glyphicon glyphicon-lock"></span>&nbsp;修改密码
                </a>
                <a   href="{{ url_for('home.comments') }}" class="list-group-item">
                    <span class="glyphicon glyphicon-comment"></span>&nbsp;评论记录
                </a>
                <a  href="{{ url_for('home.loginlog') }}" class="list-group-item">
                    <span class="glyphicon glyphicon-calendar"></span>&nbsp;登录日志
                </a>
                <a   href="{{ url_for('home.moviecol') }}" class="list-group-item">
                    <span class="glyphicon glyphicon-heart"></span>&nbsp;收藏电影
                </a>
            </div>
        </div>

    更换选项 active激活项不变

    修改:

    1.增加id

    2.去掉active

    3.在相应页面添加jquery事件

    <div class="col-md-3">
            <div class="list-group">
                <a id = "m-1" href="{{ url_for('home.user') }}" class="list-group-item ">
                    <span class="glyphicon glyphicon-user"></span>&nbsp;会员中心
                </a>
                 <a  id = "m-2" href="{{ url_for('home.pwd') }}" class="list-group-item">
                    <span class="glyphicon glyphicon-lock"></span>&nbsp;修改密码
                </a>
                <a  id = "m-3" href="{{ url_for('home.comments') }}" class="list-group-item">
                    <span class="glyphicon glyphicon-comment"></span>&nbsp;评论记录
                </a>
                <a  id = "m-4" href="{{ url_for('home.loginlog') }}" class="list-group-item">
                    <span class="glyphicon glyphicon-calendar"></span>&nbsp;登录日志
                </a>
                <a id = "m-5"  href="{{ url_for('home.moviecol') }}" class="list-group-item">
                    <span class="glyphicon glyphicon-heart"></span>&nbsp;收藏电影
                </a>
            </div>
        </div>
      <script>
            $(document).ready(function () {
                $("#m-1").addClass("active");
            })
        </script>
  • 相关阅读:
    public static void Invoke (Action action)
    C#编写WIN32系统托盘程序
    C#的互操作性:缓冲区、结构、指针
    SQLServer异步调用,批量复制
    Python体验(10)-图形界面之计算器
    Python体验(09)-图形界面之Pannel和Sizer
    Python体验(08)-图形界面之工具栏和状态栏
    Python体验(07)-图形界面之菜单
    C#利用WIN32实现按键注册
    Javascript猜数字游戏
  • 原文地址:https://www.cnblogs.com/jokerq/p/8966890.html
Copyright © 2011-2022 走看看