Question

我正在尝试在页面加载时加载#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>

JS：

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

Answer 1

你在LI元素上调用click（），试试这个。

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

Answer 2

您可以使用data-target属性触发点击。

＆＃13;

$('.dropdown-menu a[data-target="#panelInfo"]').trigger('click');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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>
</ul>

＆＃13;

在页面加载时触发列表项

2 个答案: