1

いくつかのタブを含むページがあり、特定のタブをクリックすると、他のページが動的に読み込まれます。唯一の問題は、タブをクリックするたびにこれらのページが読み込まれることです。最初のクリックで一度だけロードするにはどうすればよいですか?

私が使用するコードは次のとおりです。

$(document).ready(function(){
    $(".tab-content").hide();
    $("#one").show();

    $("a.tab-name").click(function(){
        $(".tab-name-active").removeClass("tab-name-active");
        $(this).addClass("tab-name-active");
        $(".tab-content").fadeOut();
        var content_show=$(this).attr("title");

        if (content_show === 'three') {
            $("#"+content_show).load('new-page.php', function() {
                $("#sorttable").tablesorter({
                    headers: {0: {sorter: false}}
                });
            });
        }
        else if (content_show === 'four') {
            $("#"+content_show).load('new-page-2.php');
        }

        $("#"+content_show).delay(100).fadeIn('slow');

        return false;
    });
});

ありがとう！

4

2 に答える 2

3

.data()ブール値を保存するために使用します。

$(document).ready(function(){
    $(".tab-content").hide();
    $("#one").show();

    $("a.tab-name").data('loaded',false).click(function(){
        var $this = $(this);
        $(".tab-name-active").removeClass("tab-name-active");
        $this.addClass("tab-name-active");
        $(".tab-content").fadeOut();
        var content_show= this.title;

        if (! $this.data('loaded')) {

          if (content_show === 'three') {
            $("#"+content_show).load('new-page.php', function() {
                $("#sorttable").tablesorter({
                    headers: {0: {sorter: false}}
                });
                $this.data('loaded',true);
            });
          }
          else if (content_show === 'four') {
            $("#"+content_show).load('new-page-2.php', function(){
                $this.data('loaded',true);
            });
          }

        } 

        $("#"+content_show).delay(100).fadeIn('slow');

        return false;
    });
});
于 2010-08-18T07:14:14.983 に答える
0

私はちょうど昨日、このような機能を行いました。私が行った方法は、任意のdiv（コンテナdivなど）に「still_loading」クラスを追加し、タブが最終的にロードされたら、そのクラスを再度削除することでした。

于 2010-08-18T07:11:32.427 に答える