我在通过Sean Catchpole启动idTabs时确实遇到问题，Chrome正确加载了模块，并且控制台上没有错误，但是jQuery无法正常工作，该链接仅将我带到idTabs未隐藏的文本-所以我认为javascript或jQuery不起作用，但是问题出在哪里呢？这是我的代码
头部：
<head>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
<script type="text/javascript" src="scripts/jquery.idTabs.min.js"></script>
<script type="text/javascript">
$("#usual1 ul").idTabs();
</script>
</head>
HTML：
<div id="usual1" class="usual">
<ul>
<li><a class="selected" href="#tab1">Tab 1</a></li>
<li><a href="#tab2">Tab 2</a></li>
<li><a href="#tab3">Tab 3</a></li>
</ul>
<div id="tab1">This is tab 1.</div>
<div id="tab2">More content in tab 2.</div>
<div id="tab3">Tab 3 is always last!</div>
</div>
最佳答案
您可以通过简单地制作一个$来轻松测试并查看Jquery是否正常运行，然后在google-chrome-console（或firebug）中按Enter，该部分是否正常运行。我从http://www.sunsean.com/idTabs/下载了jquery-tabs，并将其（非最小文件）包含在scripts / jquery.idTabs.js中
并使用以下代码可以正常工作：
<!DOCTYPE html>
<body>
<head>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
<script type="text/javascript" src="scripts/jquery.idTabs.js"></script>
</head>
<body>
<div class="usual">
<ul class="idTabs" >
<li><a class="selected" href="#tab1">Tab 1</a></li>
<li><a href="#tab2">Tab 2</a></li>
<li><a href="#tab3">Tab 3</a></li>
</ul>
<div style="display:block;" id="tab1">This is tab 1.</div>
<div style="display:none;" id="tab2">More content in tab 2.</div>
<div style="display:none;" id="tab3">Tab 3 is always last!</div>
</div>
</body>
</html>
从我所看到的，您正在写：$（“＃usual1 ul”）。idTabs（）;但是您不需要它，您需要将id =“ idTabs”放在具有标签的ul元素上。然后，根据需要，使用＃tab1命名选项卡（li元素），然后在文本中使用具有相同名称的ID。
因此1确保jquery在控制台中使用$正常工作（或看到无法获取错误）。 2删除脚本标记内的代码。 3在ul元素中放入class =“ idTabs”。 4，玩得开心。
编辑：应该在ul（或之前的div）上为class =“ idTabs”。另外，您可能想通过style =“ display：none”隐藏div，它们会在新闻发布时弹出。