jquery ui tab with points

时间:2009-12-08 17:10:36

标签: jquery jquery-ui

任何想法我怎么能摆脱这个默认的jquery ui选项卡上出现的三个点。我在想它与css表有关,但我不确定要修改哪个元素。有没有人见过这个?

alt text

代码(一切都足够常规)

<div id="tabs">
    <ul>
        <li><a href="#info">Info</a></li>
        <li><a href="#map">Map</a></li>
        <li><a href="#prereg">Pre-registration</a></li>
        <li><a href="#results">Past Results</a></li>
    </ul>
    <div id="info">
        <p>First tab is active by default:</p>
        <pre><code>$('#example').tabs();</code></pre>
    </div>
    <div id="map">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
    </div>
    <div id="prereg">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
    </div>
    <div id="results">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
    </div>
</div>

3 个答案:

答案 0 :(得分:3)

将此添加到您的CSS:

#tabs ul { list-style: none }

如果仍然存在,请跟踪CSS规则重新启用list-style,或者在!important后面添加none

答案 1 :(得分:2)

有关您的CSS的更多信息,但是看看到目前为止,将其添加到您的css表可能会有效:

#tabs ul{list-style-type:none;}

答案 2 :(得分:1)

很容易 使用这个css

#tabs li{
 list-style-type: none !important; 
}