jQuery选项卡问题

时间:2011-11-11 18:13:56

标签: jquery html css asp.net-mvc tabs

jQuery选项卡似乎不能使用以下代码,使用1.8.16开发包:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>test</title>
    <script src="../../development-bundle/jquery-1.3.2.js" type="text/javascript"></script>
    <script src="../../development-bundle/ui/ui.core.js" type='text/javascript'></script>
    <script src="../../development-bundle/ui/ui.tabs.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="../../development-bundle/demos/demos.css" />
    <link rel="stylesheet" type="text/css" href="../../development-bundle/themes/base/ui.all.css" />
    <script type="text/javascript">
        $(function () {
            $("#tabs").tabs();
        });
    </script>
</head>

<body>
    <div class="demo">
        <div id="tabs">
            <ul>
                <li><a href="#tabs-1">tabs1option</a></li>
                <li><a href="#tabs-2">tabs2option</a></li>
                <li><a href="#tabs-3">tabs3option</a></li>
            </ul>
            <div id="tabs-1">
                tabs1text
            </div>
            <div id="tabs-2">
                tabs2text
            </div>
            <div id="tabs-3">
                tabs3text
            </div>
        </div>
    </div>
</body>

我已经验证了js和css文件的路径是好的。我也尝试使用默认的jquery UI下载无济于事。有什么想法吗?

以下是该网站的输出: http://i.stack.imgur.com/7V9Oy.png

1 个答案:

答案 0 :(得分:1)

这看起来确实是一个路径问题。你说你检查了路径。根据src属性,你的html页面是开发包目录下面的两个目录吗?

品牌华夫饼问:你在控制台看到任何错误吗?

您发布的代码在Safari 5.1.1中可以正常使用,路径正确。