4

jquery ui タブで奇妙な問題が発生しています。

コードは次のとおりです。

  <div class="ym-gbox">
    <script>
    $(function() {
        $( "#tabs" ).tabs();
    });
    </script>
            <h1>Versions Übersicht</h1>
    <br />
    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">System Kern</a></li>
            <li><a href="#tabs-2">Anwendungen</a></li>
            <li><a href="#tabs-3">Bibliotheken</a></li>
        </ul>
        <div id="tabs-1">
            <table width="100%" border="0" cellpadding="0" cellspacing="0" class="bordertable">
<tr><th>Name</th><td>System Kern</td></tr>
<tr><th>Version</th><td>1.0.0 </td></tr>
<tr><th>Beschreibung</th><td></td></tr><tr><td colspan="2">System Kern</td></tr>
<tr><th>Webseite</th><td>http://www.dsws.biz</td></tr>
<tr><th>Lizenz</th><td>Dark Star Web Services Source Lizenz</td></tr>
<tr><th>Autor</th><td>
</td></tr>
</table>
        </div>
        <div id="tabs-2">
            b
        </div>
        <div id="tabs-3">
            c
        </div>
    </div>
  </div>

ページが読み込まれるとすぐに、完全なページがタブ タブに読み込まれます。なぜこれが起こるのか、私にはまったくわかりません。

4

6 に答える 6

1

サイト環境で BASE タグの削除がうまくいかない場合 (URL の書き換えやその他の同様の手法が使用されているため)、解決策は、現在のページの完全な URL を含む変数を生成し、それをタブ HREF の先頭に書き込むことです。タブ ID に一致する #tab-number。このようにして、jQuery UI は、タブ コンテンツが現在のページに対してローカルであることを識別し、BASE タグに格納された URL を使用して AJAX 経由でロードしようとしません。PHP の例は次のようになります。

$url = "http" . ((!empty($_SERVER['HTTPS']) && strtolower($_SERVER['HTTPS']) != 'off') ? "s://" : "://") . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];

特にロードバランサーを使用している場合は、適切な現在の URL を取得するためのより完全で正確な方法が、このスタックの質問への回答にある可能性があります。

http://stackoverflow.com/questions/6768793/php-get-the-full-url
于 2014-01-02T02:32:25.607 に答える
1

タブに完全なページが読み込まれるという同じ奇妙な問題が発生しています。タブのコンテンツが完全なページとともに何度もロードされる無限ループのようです。

これはverを使用して発生します。jQueryUIの1.9.2とver. 1.8.3 の jQuery ですが、ver にはありません。jQueryUIの1.8.17とver. jQueryの1.8.3。そのため、jsfiddle はそれを表示しません。

Chris 私も mod_rewrite モジュールを使用していますが、本当に必要なので、スキップしたり、Ajax ベースのバージョンを使用したりすることはできません。

于 2012-12-23T18:46:53.350 に答える
1

解決策は、ページから HTML < base href="http://site_name" / > を削除することです。(ベースタグ)

私は同じ問題を抱えていましたが、これは何らかの理由で修正されました。私はui-1.10.2を使用しています

于 2013-04-03T21:29:45.880 に答える