jquery ui选项卡不工作

我有以下脚本不起作用。它应该是使用jQuery标签，但该链接不转换为标签由于某些原因：jquery ui选项卡不工作

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Untitled Page</title> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
    <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" /> 

    <script type="text/javascript" language="javascript"> 
     $(document).ready(function(){ 
      $("#tabs").tabs(); 
     }); 
    </script> 

</head> 
<body> 

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">Nunc tincidunt</a></li> 
     <li><a href="#tabs-2">Proin dolor</a></li> 
     <li><a href="#tabs-3">Aenean lacinia</a></li> 
    </ul> 
    <div id="tabs-1"> 
     <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, </p> 
    </div> 
    <div id="tabs-2"> 
     <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus </p> 
    </div> 
    <div id="tabs-3"> 
     <p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. </p> 
    </div> 
</div> 
</body> 
</html>

来源

2011-03-08 oshirowanen

是否包含所有'CSS'？ – diEcho

是的，请参阅上面编辑的问题。 – oshirowanen

为您的的jsfiddle文件，你需要在小提琴预期的格式输入您的页面。只有HTML面板中的HTML和javascript面板中的JS。你的HTML应该只包含body元素中的内容。你的JS应该只包含脚本标签内的内容。您不应该包含DOCTYPE，body或html元素。您不应该包含脚本标签本身。请参阅此处的文档：http://doc.jsfiddle.net/basic/introduction.html#entering-code。如果你这样做的话，代码将会工作。

一旦你完成了，你只需要包含/引用正确的样式的CSS，它将显示为一个选项卡式界面。对于您的独立文档，这就是所有需要完成的工作。

来源

2011-03-08 13:02:36 tvanfosson

您在原始问题中看到的代码是我在个人服务器上使用的代码，它不起作用。 – oshirowanen

@oshirowanen - 这是因为CSS的URL是错误的。尝试http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css - 或其他一些主题。请参阅http://jsfiddle.net/Cv5AY/7/请注意，除了修改代码以适合Fiddle的输入规则外，我还将该CSS文件添加为资源。 – tvanfosson

这不回答OP的问题。 – 8bitjunkie

jquery ui选项卡不工作

回答

相关问题