Есть представление с вкладками:
Select.cshtml
<body>
<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>
</body>
<script type="text/jscript">
$('.tbs').on('click', function () {
var info = $(this).data('info');
switch (info) {
case 'class2':
$('#tab_1_2').load("/Work201615/Class2"); //Controller method which returns partial view
break;
default: break;
}
});
</script>
Work201615Controller.cs
public class Work201615Controller : Controller
{
// GET: Work201615
public ActionResult Index()
{
return View();
}
public ActionResult Class2()
{
return PartialView("_PartialClass2");
}
}
При выборе вкладки 2 класс
должен вызываться метод Class2()
из контроллера Work201615
. Но этого не происходит. Что я не так делаю?
id="tab_1_2"
<script>
помещенный после body - отработает. Обычно его помещают перед закрывающим тегом body