javascript - 将javascript更改为静态

Question

我有以下 javascript 代码给我下拉菜单。我不希望它下拉菜单。我希望它默认显示所有菜单我应该删除什么。请帮忙。

function DropDown(el) {
    this.dd = el;
    this.placeholder = this.dd.children('span');
    this.opts = this.dd.find('ul.dropdown > li');
    this.val = '';
    this.index = -1;
    this.initEvents();
}
DropDown.prototype = {
    initEvents: function () {
        var obj = this;
        obj.dd.on('click', function (event) {
            $(this).toggleClass('active');
            return false;
        });
        obj.opts.on('click', function () {
            var opt = $(this);
            obj.val = opt.text();
            obj.index = opt.index();
            obj.placeholder.text(obj.val);
        });
    },
    getValue: function () {
        return this.val;
    },
    getIndex: function () {
        return this.index;
    }
}
$(function () {
    var dd = new DropDown($('#dd'));
    $(document).click(function () {
        // all dropdowns
        $('.wrapper-dropdown-3').removeClass('active');
    });
});

Answer 1

消除

obj.dd.on('click', function(event){
      $(this).toggleClass('active');
       return false;
 });

更新

active并通过更改var dd = new DropDown( $('#dd') );为添加类var dd = new DropDown( $('#dd').addClass('active') );

另外，如果您不希望它在单击文档时隐藏，请同时删除以下内容。

$(document).click(function() {
    // all dropdowns
    $('.wrapper-dropdown-3').removeClass('active');
});