加載和消失

Question

我有一個背景裏面的按鈕：

<div id="background"> 
<div id="button">button</div> 
</div> 

使用jQuery我加載其他頁面的DIV。

$(function(){  
    $("#button").click(function() { 
     $("#background").load("document.html #note"); 
    }); 
}) 

http://jsfiddle.net/9Sn9e/

加載的DIV比背景小得多，並且它被定位在中心：

#note{ 
    position: absolute; 
    top: 150px; 
    left: 150px; 
    width:200px; 
    height: 200px; 
    line-height:200px; 
    background-color: #eee; 
} 

我可以加載它，但它被加載時該按鈕消失。爲什麼？

Answer 1

這些id在html和javascript中完全不同。
如果id匹配，當您將內容加載到div中時，div的內容將完全替換並且不會附加到現有內容。

修改你的HTML作爲 -

<div id="background"> 
    <div id="fons"></div> 
    <div id="boto">button</div> 
</div>