jQueryUI を使用して動的タブを作成しています。リンク(相対パス)を追加して言語間を移動するまで、すべてが正常に機能していました。これが私のコードです:
<ul>
<li class="mitem"><a href="#tabs-0">Home</a></li>
<li class="mitem"><a href="#tabs-1">The Rooms </a></li>
<li class="mitem"><a href="#tabs-2">Contact - Location</a></li>
<li class="mitem"><a href="#tabs-3">Gallery</a></li>
<li id="languages">
<a href="../index.html"> <img src="../images/gr.png" alt="Ελληνικά" /></a>
<a href="#" onClick="window.location.reload( true );"> <img src="../images/gb2.gif" alt="English" /></a>
</li>
</ul>
だから、私は現在ディレクトリ/root/en/index.htmlにいます。最初のリンクをクリックすると
<a href="../index.html"> <img src="../images/gr.png" alt="Ελληνικά" /></a>
それは何もしません。ただし、新しいタブで開くと完全に機能します...これは /root/index.html から /root/en/index.html では発生しません)。
注:UIを削除すると機能しますが、明らかにそれは私が探している解決策ではありません...
head タグ内の UI コード
<!-- JQuery UI -->
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<script type="text/javascript">
<!--$(function() {-->
$(document).ready(function () {
$( "#menu" ).tabs();
});
</script>
何かシグジェションはありますか?
ありがとう