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
答案 0 :(得分:1)
这看起来确实是一个路径问题。你说你检查了路径。根据src属性,你的html页面是开发包目录下面的两个目录吗?
品牌华夫饼问:你在控制台看到任何错误吗?
您发布的代码在Safari 5.1.1中可以正常使用,路径正确。