1

このコードは、要素 #loaded_start_container のクローンを作成し、そのクローンをそのすべての子とともに #content-wrapper に配置する必要があります。

ただし、これによりクローンが作成されますが、子は作成されません。クローンを作成せずに要素を移動するだけで機能します。

var loaded_content = $('#loaded_start_container').clone().attr('id', 'content_start');
$('#content-wrapper').html(loaded_content);

JQuery 2.0.3

編集。J全体を追加

$(function(){
    var time_before_load = new Date().getTime();
    loadContent('start', function(){
        console.log('Now start IS loaded. Evidence ');
        console.log($('#loaded_start_container'));
        changeContent('start');
        loadContent('projects', function(){
            loadContent('about', function(){
                  console.log('All content has been loaded. It took '+ (new Date().getTime() - time_before_load) + ' miliseconds');
            });
        });
    });

    $('nav ul li').bind('click', function(){
        $('.active_content').removeClass('active_content');
        var clicked = $(this).addClass('active_content').attr('id');
        changeContent(clicked);
    });

});


changeContent = function(source) {
    console.log('Changed to ' + source);
    var loaded_content = $('#loaded_'+source+'_container').clone().attr('id', 'content_'+source);
    $('#content-wrapper').html(loaded_content);
};
loadContent = function(source, callback) {
    $('#loaded_'+source+'_container').load(source + '.html', callback());
};
4

1 に答える 1

2

これはそれを行います：

var loaded_content = $('#loaded_start_container').clone().attr('id', 'content_start');
$('#content-wrapper').append(loaded_content );

フィドルの例:

http://jsfiddle.net/88SLA/4/

.html()動作しますが、既存のコンテンツを置き換えます。ここを参照してください：

http://jsfiddle.net/88SLA/5/

于 2013-09-05T21:59:54.887 に答える