как открыть вкладку боковой панели после входа пользователя

Question

Я пытаюсь открыть вкладку боковой панели после того, как вкладка боковой панели входа пользователя открывается автоматически. вкладки боковой панели.

 <a class="nav-link tablink active" id="v-pills-home-tab" data-toggle="pill" href="#my-adverts" role="tab" aria-controls="v-pills-home" aria-selected="true">My Adverts</a>
<a class="nav-link tablink default" id="v-pills-profile-tab" data-toggle="pill" href="#sell-your-car" role="tab" aria-controls="v-pills-profile" aria-selected="false">Sell my car</a>
<a class="nav-link tablink" id="v-pills-messages-tab" data-toggle="pill" href="#change-package" role="tab" aria-controls="v-pills-messages" aria-selected="false">Change Package</a>

Я открываю вкладку боковой панели "Продать мою машину" при входе пользователя в систему. JS код.

 function Default() {
      document.getElementsByClassName('defult').click();
 }

Answer 1

Причина root проблемы в вызове функции getElementsByClassName () . Функция getElementsByClassName () возвращает массив элементов одного класса. Он не дает только один элемент. Следовательно, вызов .click () при возврате значения завершается ошибкой.

Как решить проблему?

Используйте getElementById () , который возвращает уникальный элемент, вместо getElementsByClassName ()

Рабочий пример:

HTML:

 <a id="v-pills-home-tab" 
    class="nav-link tablink active" 
    data-toggle="pill" 
    href="#my-adverts" 
    role="tab" aria-controls="v-pills-home" 
    aria-selected="true">
    My Adverts
 </a>

<a id="v-pills-profile-tab" 
   class="nav-link tablink default" 
   data-toggle="pill" 
   href="#sell-your-car" 
   role="tab" 
   aria-controls="v-pills-profile" 
   aria-selected="false">
   Sell my car
</a>

<a id="v-pills-messages-tab"
   class="nav-link tablink"  
   data-toggle="pill" 
   href="#change-package" 
   role="tab" 
   aria-controls="v-pills-messages" 
   aria-selected="false">
   Change Package
</a>

Javascript:

function Default() {
      // Click the 'Sell my car' button
      document.getElementsById('v-pills-profile-tab').click();
 }

Дополнительная информация:

https://www.w3schools.com/jsref/met_html_click.asp

Answer 2

Попробуйте использовать селектор a[href=""]:

$('a[href="#sell-your-car"]').trigger('click')

Пример:

 function Default() {
  $('a[href="#sell-your-car"]').trigger('click');
 }