Chào mừng đến với Diễn đàn lập trình - Cộng đồng lập trình.
Kết quả 1 đến 2 của 2
  1. #1
    Ngày tham gia
    Sep 2015
    Đang ở
    Hà Nội
    Bài viết
    0

    Làm sao để khi nhấn vào link thì tự động add class (css) trong ứng dụng ASP.NET

    Chào mội người cho mình hỏi dưới đây mình có 1 đoạn code html

    Mã:
    <ul navbar-nav">    <li href="#">Link <a href="#">Link</a></li></ul>
    Thì theo nguyên tắt để được cái menu đông thì mình cho 1 vòng for để in ra danh sách các thẻ <li> và các thẻ <a> với các tham số do mình định nghĩa
    Nhưng làm sao khi nhấn vào 1 cái <li> thì tự động add cho <li> đó
    Ở đây mình đang nghỉ là mình sử dụng code Jquery hay sử dụng code ASP để thực hiện điều khiện này nhỉ

  2. #2
    Ngày tham gia
    Sep 2015
    Bài viết
    0
    Mã:
    <script src="Plugin/jQuery/JS/jquery-1.8.3.js" type="text/javascript"></script>
    <style>
        ul li
        {
            float: left;
            margin: 5px;
            list-style: none;
        }
        .active a
        {
            color: Red;
        }
    </style>
    
     <ul class="nav navbar-nav">
                <li class="active"><a href="1.aspx">Trang 1 </a></li>
                <li><a href="2.aspx">Trang 2</a></li>
            </ul>
    
    <script>
        $(function () {
            setCurrentMenu();
        });
    
        function setCurrentMenu() {
            var path = window.location.pathname;
            path = path.replace(/\/$/, "");
            path = decodeURIComponent(path);
    
            $('.nav a').closest('li').removeClass('active');
    
            $(".nav a").each(function () {
    
                var href = $(this).attr('href');
    
                if (path.substring(1, href.length + 1) === href) {
    
                    $(this).closest('li').addClass('active');
                }
            });
        }
    </script>
    Bạn lưu ý chỗ href="#" thay bằng link thực nhé chỗ của bạn là ko chuyển trang cái của mình là chuyển trang (theo mình hiểu là ý bạn chuyển trang nên mình đưa đoạn code này, còn nếu ko chuyển trang thì mình sẽ đưa đoạn code khác).

 

 

Quyền viết bài

  • Bạn Không thể gửi Chủ đề mới
  • Bạn Không thể Gửi trả lời
  • Bạn Không thể Gửi file đính kèm
  • Bạn Không thể Sửa bài viết của mình
  •