jQuery-UI タブ ウィジェットを使用していますが、タブが初めて読み込まれたときにタブを選択したくありません。次の引数を指定して tabs メソッドを呼び出しました。
$( "#tabs" ).tabs({selected: -1});
jQuery wiki によると、すべてのタブの選択を解除する必要があります。ただし、最初のタブである「アクション」が常に選択されているため、機能しません。最初の読み込み時にタブが選択されていないことを確認する方法を誰か教えてもらえますか? ありがとう。
これが私が取り組んでいるものです：
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="js/jquery-ui-1.9.2.custom/js/jquery-ui-1.10.0.custom/css/ui-lightness/jquery-ui-1.10.0.custom.css" />
<script src="js/jquery-ui-1.9.2.custom/js/jquery-1.9.1.js"></script>
<script src="js/jquery-ui-1.9.2.custom/js/jquery-ui-1.10.0.custom/js/jquery-ui-1.10.0.custom.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$( "#tabs" ).tabs({selected: -1});
});
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="javascript: void(0);">Action</a></li>
<li><a href="javascript: void(0);">Animation</a></li>
<li><a href="javascript: void(0);">Classics</a></li>
<li><a href="javascript: void(0);">Comedy</a></li>
<li><a href="javascript: void(0);">Documentary</a></li>
<li><a href="javascript: void(0);">Drama</a></li>
<li><a href="javascript: void(0);">Horror</a></li>
<li><a href="javascript: void(0);">Family</a></li>
<li><a href="javascript: void(0);">Suspense</a></li>
<li><a href="javascript: void(0);">Sci Fi/Fantasy</a></li>
<li><a href="javascript: void(0);">World</a></li>
</ul>
</div>
</body>
</html>
$("#tabs ul li").eq(0).removeClass('ui-state-active');更新:作品の後に追加し$("#tabs").tabs();ます。次にクリックしたときにタブが選択されないように見えますが、その後は正常に動作します。でも、それを整理できるはずです。
更新:必要なのは$("#tabs").tabs({ collapsible: true, active: false });、最初にすべてのタブの選択を解除することだけです。