1
これは説明するのが少し難しいですが、私はこれを修正する方法を見つけ出すことができませんでした。基本的には、私は8ページのhtmlを作成する必要があります。すべてテンプレートとメニューがあります。私のメニューはタブで構成されていて、私がしたいことは別々のページでお互いのリンクになっているので、インデックスページの「About」タブをクリックすると、保存されたhtmlファイルに ' About 'のページコンテンツ。今まで私はこれを行うことができましたが、タブをクリックして別のページに移動すると、Google Chromeの新しいタブで開きます。私は本当にそれがブラウザの同じタブにとどまることを好むので、私はゆるい印を付けません。これまでjQuery uiタブは別のページのタブにリンク
マイコード：誰が助けることができれば
$(document).ready(function(){
$("#tabs").tabs({
active: false,
collapsible: true,
beforeActivate: function (event, ui) {
window.open($(ui.newTab).find('a').attr('href'), '_blank');
return false;
}
});
})
と
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Units</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery-1.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery-ui.css"/>
<link rel="stylesheet" type="text/css" href="css/jquery-ui.min.css"/>
<link rel="stylesheet" type="text/css" href="css/jquery-ui.structure.css"/>
<link rel="stylesheet" type="text/css" href="css/jquery-ui.structure.min.css"/>
<link rel="stylesheet" type="text/css" href="css/jquery-ui.theme.css"/>
<link rel="stylesheet" type="text/css" href="css/jquery-ui.theme.min.css"/>
<link rel="stylesheet" type="text/css" href="css/style-1.css"/>
</head>
<body>
<table width="1346" height="215" border="0">
<tr>
<td width="1355" height="157"><p><img src="images/banner.jpg" width="1300" height="200" /></p></td>
</tr>
<tr>
<td height="50">
<div id="tabs">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="units.html">Units</a></li>
<li><a href="student work.html">Student Work</a></li>
<li><a href="survey.html">Survey</a></li>
<li><a href="excursions.html">Excursions</a></li>
<li><a href="vc.html">Vocational Certificate</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
<div id="tabs-1">
<p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
それは素晴らしいだろう！
$(document).ready(function(){
$("#tabs").tabs({
active: false,
collapsible: true,
beforeActivate: function (event, ui) {
window.open($(ui.newTab).find('a').attr('href'));
return false;
}
});
});
それとも、新しいウィンドウで現在のウィンドウを交換する_selfの代わり_blankを使用することができます。
'のwindow.openである（$（ui.newTab）.find（ 'A'）のattr（ 'のhref'）は、 '_blank'）;ここでは' 、_blankが開きます新しいウィンドウでページを開きます。それを取り出して試してみてください。 新しいコードは次のようになります： 'window.open（$（ui.newTab）.find（ 'a'）。attr（ 'href'））;' – Aniket