如何使用JQuery在MVC中使用_Layout中的选定部分打开父视图？

Question

我想使用JQuery在MVC中使用_Layout.cshtml中的选定部分打开父视图。

目前，控件未点击ActionResult A。请建议我在哪里做错了。

控制器

  public ActionResult A(string str)
    {
        switch (str)
        {
            case "Ab":
                return PartialView("_Ab");

            case "Ts":
                return PartialView("_Ts");
        }
       return View();
    }

父视图

 <div class="container">
     <div class="col-md-4">
    <ul class="list-group">
        <li class="list-group-item" id="Ab"><a href="#">Ab</a></li>
       <li class="list-group-item" id="Ts"><a href="#">Ts</a></li>
    </ul>
</div>
<div class="col-md-8" id="partial"> 
</div>

_layout

 <footer>  
    <div class="pull-right">
        <p><a id="Ab" class="AbTs" href="#">Ab</a>|<a id="Ts" class="AbTs" href="#"> Ts</a></p>
    </div>     
</footer>

脚本

   $('.AbTs').click(function () {
        debugger;
         var str = this.id;
         var id= '@Url.Action("A", "Home")?str=' + str;
            id = encodeURI(id);         
            $('#partial').load(id);
        });