You need to create tabs on the similarity of these:

enter image description here

How to make them?

A web search gave a hint about the need to use partial pages. If I understood everything correctly then:

  1. I do on the tab page:

<ul class="nav nav-tabs"> <li class="active" id="class1"> <a href="#tab_1_1" class="tbs" data-info="class1" data-toggle="tab" aria-expanded="true"> 1 класс </a> </li> <li class="" id="class2"> <a href="#tab_1_2" class="tbs" data-info="class2" data-toggle="tab" aria-expanded="false"> 2 класс </a> </li> <li class="" id="class3"> <a href="#tab_1_3" class="tbs" data-info="class3" data-toggle="tab" aria-expanded="false"> 3 класс </a> </li> </ul>

It seems to make them work:

like the beginning is

  1. Then I try to execute some instructions through JS when clicking on tabs:

  <script type="text/jscript"> $('tbs').on('click', function () { console.log("Message!"); }); </script>

But no message in the console appears when selecting tabs.

How can I, when selecting the appropriate tab, call up the corresponding information (partial view)?

    1 answer 1

    You have a small error in the selector:

     <script type="text/jscript"> $('.tbs').on('click', function () { console.log("Message!"); }); </script>

    If you choose through a class, you need to put a dot at the beginning of the class name - .tbs