为什么我的内部标签没有显示在我的手风琴里面?

时间:2013-05-12 15:51:07

标签: asp.net html5 jquery-ui jquery-ui-accordion jquery-tabs

我正在尝试在手风琴中添加一些标签,如下所示:

        <div id="accordion">
            <h3>Puddy Tat</h3>
            <div>CONTENT FOR Puddy Tat</div>
            <h3>ThoseCats</h3>
            <div id="thoseCats">
                <ul>
                    <li><a href="#0">Rory</a></li>
                    <li><a href="#1">Gerry</a></li>
                    <li><a href="#2">Lou</a></li>
                    <li><a href="#3">Rod</a></li>
                </ul>
                <div id="0">Content panel linked to Rory tab, shown by defalt</div>
                <div id="1">Content panel linked to Gerry tab</div>
                <div id="2">Content panel linked to Lou tab</div>
                <div id="3">Content panel linked to Rod tab</div>
            </div>
            <h3>Jackson Browne</h3>
            <div>CONTENT FOR Jackson Browne</div>
            <h3>Bruce Springsteen</h3>
            <div>CONTENT FOR Bruce Springsteen</div>
            <h3>Me First and the Gimme Gimmes</h3>
            <div>CONTENT FOR Me First and the Gimme Gimmes</div>
            <h3>Dwight Yoakam</h3>
            <div>CONTENT FOR Dwight Yoakam</div>
        </div>
    </div>

jQuery的:

<script>
    $(document).ready(function () {
        $("#accordion").accordion({
            collapsible: true
        });
        $("thoseCats").tabs();
    });
</script>

......但他们没有露面。我正在另一个网站(www.bigsurgarrapata.com)成功使用标签。我比较了_SiteLayout.cshtml中的“head”内容,它们完全相同(就css和js而言)除了一件事:在我当前的站点(不是bigsurgarrapata)中,我使用的是bootstrap css:< / p>

<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">

为了确保这不会影响作品,我评论了它,但仍然没有去 - 没有差异。

为什么标签会顽固或腼腆?

1 个答案:

答案 0 :(得分:2)

嗯......也许这不会解决你的问题,但你错过了ID选择器的#哈希。

所以

$("thoseCats").tabs();

变为

$("#thoseCats").tabs();

在我的jsfiddle中,它可以正常使用。