选项卡不加载内容onclick并仅在双击时打开

Question

我有一个标签如下

     <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>

和onclick方法如下：

          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');
                            }

                        }

只有双击选项卡才能看到加载的选项卡而不是单击。另外我想我点击的标签没有被选中，它总是在标签0上。

Answer 1

你可以试试这个：

HTML：

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

JS：

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