C# 选项卡不在单击时加载内容，仅在双击时打开

我有一个标签如下

     <div id="tabs" style="width:1060px">
     <ul>
     <li><a href="#OverviewDiv">Overview</a></li>
     <li><a href="#" onclick="ShowDetails()">General Info</a></li>                  
     <li><a href="#" onclick="ShowDetails()">Dimension</a></li>
     <li><a href="#" onclick="ShowDetails()">Blocking</a></li>
     <li><a href="#" onclick="ShowDetails()">History</a></li>
     </ul>
     </div>

只有双击选项卡，我才能看到加载的选项卡，而不是单击一次。另外，我假设我单击的选项卡未被选中，并且始终位于选项卡0上。

您可以尝试以下操作：

HTML:

---

不，这个不行。此外，我还需要将单击的选项卡设置为active或selected。您可以在jquery函数中更改单击元素的样式：$（this）.text（'changed text'）.css（'background'，'yellow'）；我希望在单击相应选项卡时选择选项卡并加载内容。现在只需双击选项卡即可加载页面。此外，选定的选项卡仍然是第一个选项卡。

          function ShowDetails() {                                                              
                            //    $("#tabs").tabs("option", "selected", i);                              

                            var AccNum = $("#SelId").val();

                            if (AccNum != null && AccNum != "") {
                       var url = '/InventJournalGeneral/Details/' + AccNum;

                                window.open(url, "_self");

                            }
                            else {
                                alert('Choose any one Journal Id');
                            }

                        }

<li class="click">General Info</div>

$(function () {
    $('body').on('click', function (evt) {
        if($(evt.target).hasClass('click')){
            alert("hello");
        } 
    });
});