如何加載不同的div到上click事件的同一div

Question

你好我的頁面如下，

我需要加載一個DIV到DIV1當點擊「結構」， 如果點擊的風格，我需要將另一個div加載到div 1中。

如何做到這一點謝謝。

http://softno.com/div.png

Answer 1

嘗試使用這個例子

$(function(){ 
    $('#structure').click(function(){ 
     $('#div1').html($('<div>', {'text' : 'structure'})); 
    }); 

    $('#style').click(function(){ 
     $('#div1').html($('<div>', {'text' : 'style'})); 
    }); 
}); 

更新

$(function(){ 
    // load default div to div 1 
    $('#div1').append($('#default')); 

    $('#structure').click(function(){ 
     // load some div to div 1 
     $('#div1').append($('#divForStructure')); 
    }); 

    $('#style').click(function(){ 
     // load some div to div 1 
     $('#div1').append($('#divForStyle')); 
    }); 
}); 

Answer 2

這是你尋求什麼？

var structurediv = $("<div id="structurediv">"); 
var stylediv = $("<div id="stylediv">"); 

$("#structure").click(function(){ 
    $("#div1").empty(); 
    firstdiv.appendTo("#div1"); 
}); 

$("#style").click(function(){ 
    $("#div1").empty(); 
    seconddiv.appendTo("#div1"); 
});