Javascript 在页面加载时触发列表项

我正在尝试加载页面加载中的

#panelInfo

列表项。我错过了什么

HTML:

<ul class="dropdown-menu">
    <li>
        <a class="hidden-md hidden-lg" href="#2dTab" aria-controls="2Dtab" role="tab" data-toggle="tab"> Map</a>
    </li>
    <li>
        <a class="active hidden-md hidden-lg" href="#3dTab" aria-controls="3Dtab" role="tab" data-toggle="tab"> Scene</a>
    </li>
    <li>
        <a role="button"  data-target="#panelInfo" aria-haspopup="true">
            <span class="glyphicon glyphicon-info-sign"></span>
            Info
        </a>
    </li>

$(document).ready(function() {
    $('#dropdown-menu li:nth-child(3)').click();
    console.log('CLICKED');
});

如果要对LI元素调用click（），请尝试以下操作

$(document).ready(function() {
    $('#dropdown-menu li:nth-child(3) a')[0].trigger('click');
    console.log('CLICKED');
});

---

可以使用“数据目标”属性触发单击

$（'.下拉菜单a[data target=“#panelInfo”]”）。触发器（'click'）







信息

$（“#下拉菜单li:n子项（3）”）。触发器（'click'）？不，那也不行。它抛出了一个未定义的typeError“trigger”