javascript - IE 中的 jQuery 嵌套选项卡设计问题

Question

在 Internet Explorer 中，嵌套选项卡显示为黑点。通过检查元素，如果我对 css 进行了任何更改，该点将消失。如果我再次刷新它就会到来。我不知道如何解决。 Demo is here.以下是我用于创建嵌套选项卡的代码片段。 提前致谢..

 <div id="tabs">
<ul>
    <li><a href="#tabs-1">Total Pool Point </a></li>
    <li><a href="#tabs-2" id="t">Vessel Details</a></li>
    <li><a href="#tabs-3" id="t">Standard Voyages</a></li>
    <li><a href="#tabs-4" id="t">Voyage calculation</a></li>
    <li><a href="#tabs-5" id="t">Cargo Lifts</a></li>
    <li><a href="#tabs-6" id="t">Performance</a></li>
    <li><a href="#tabs-7" id="t">Pool Rules</a></li> 
    <li><a href="#tabs-8" id="t">Additional Pool Point</a></li> 
</ul>
<div id="tabs-1">
          <div id="totalpp_tab_main" ></div> 
        </div>
        <div id="tabs-2">
           <div id="vessel_tab_main" ></div> 
        </div>
        <div id="tabs-3">
        </div>
        <div id="tabs-4">
             <ul>
                <li><a href="#41" id="1">Standard Voyage #1</a></li>
                <li><a href="#42" id="2">Standard Voyage #2</a></li>
                <li><a href="#43" id="3">Standard Voyage #3</a></li>
                <li><a href="#44" id="4">Standard Voyage #4</a></li>
                <li><a href="#45" id="5">Standard Voyage #5</a></li>
                <li><a href="#46" id="6">Standard Voyage #6</a></li>
            </ul>
            </div>
        </div>
        <div id="tabs-5">
          <div id="cargolc_tab_main" ></div>
        </div>
        <div id="tabs-6">
         <div id="performance_tab_main" ></div>
        </div>
            <div id="tabs-7">
         <div id="poolrules_tab_main" ></div>
         </div>
         <div id="tabs-8">
         <div id="additionalpp_tab_main" ></div>
        </div>  
</div>

Answer 1

无需深入研究 jquery 选项卡，这里有一个快速修复: http://jsfiddle.net/0m2zdo20/2/

刚刚添加了一个 css 来删除这些点。

#tabs-4 > ul > li {
    list-style: none;
}