Question

我编写了一个JavaScript，在选定的下拉项（CSS类名active）的右侧显示一个刻度标记：

$(document).ready(function () {
    $('.select-country ul li a').click(function () {
        $('.select-country ul li a').removeClass("active");
        $(this).addClass("active");
        return false;
    });
});

它运作良好，但我在这里遇到了问题。

问题：

当我刷新页面时，下拉列表将默认为默认选定项目。但是所选项目没有显示刻度线。

如何重写查询以在下拉列表中显示默认选定项目的刻度线？

Answer 1

您需要loop超过li，以便各自的链接对自己的事件负责，

$(document).ready(function () {

    $('.select-country ul li a.default').addClass("active");
    //loop over all li
    $('.select-country ul li a').each(function () {
        //remove first from any active link
        $(this).click(function(){
            $('.select-country ul li a').removeClass("active");
           //find and add active on "this" link
           $(this).addClass("active");

           return false; 
        });

    });
});

选定下拉项目中页面加载时的活动标记

1 个答案: