0

3つのページadmin.php、、、user_admin.phpおよびclient_admin.php対応するJSソースファイルadmin.js、、、がuser_admin.jsありclient_admin.js、jQueryUIのタブがリソースを適切に処理しないという問題があります。

admin.phpはとのプレースホルダーでuser_admin.phpありclient_admin.php、それぞれが動的に読み込まれるタブとして設定されます。これがの本文ですadmin.php：

<body>
    <div id="tabs" style="width: 1000px; margin-left: auto; margin-right: auto;">
        <ul>
            <li><a href="user_admin.php">User Admin</a></li>
            <li><a href="client_admin.php">Client Admin</a></li>
        </ul>
        <div id="user_admin">
        </div>
        <div id="client_admin">
        </div>
    </div>
</body>

jQuery-UIタブを初期化するための次のコードを使用します。

$( "#tabs" ).tabs(
{
    cookie      : { expires: 9999 },
    cache       : false,
    ajaxOptions :
    {
        error : function( xhr, status, index, anchor )
        {
            $( anchor.hash ).html( "Error: could not load this tab" );
        }
    },
    show : function( event, ui )
    {
        previous_tab = ui.index;
        $( "#ui-tabs-" + previous_tab ).empty();
    }
});

問題は、ここに示すように、別のページをポップアップするリンク（ロードしたいページへのhrefを含む）にそれをuser_admin.php含めて添付することにあります。colorbox

$( '.modal' ).colorbox(
{
    iframe          : true,
    slideshow       : false,
    title           : false,
    innerWidth      : 600,
    innerHeight     : 420,
    returnFocus     : false,
    slideshowStart  : "",
    slideshowStop   : "",
    current         : "",
    previous        : "",
    next            : "",
    close           : ""
});

これは機能します...ただし、クライアント管理タブをクリックしてユーザー管理タブにcolorbox戻り、再度起動するリンクをクリックするcolorboxと、同じコンテンツで2回読み込まれ、カラーボックスがスタックされ続けます。ユーザー管理タブに戻るたびに。

それで、私のポイントに戻ります...現在のタブのJSライブラリを含むすべてのリソースをダンプするようにjQuery UIを取得するにはどうすればよいですか？

4

1 に答える 1

0

気にしないで、私は台無しにした。私がやっていたのは、HTMLコンテンツだけでなく、タブ内にカラーボックス（およびその他のプラグイン）を含めることでした。

于 2012-08-07T00:53:40.810 に答える