加载和消失

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>