加载并消失

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

html和javascript中的ID完全不同 如果id匹配，当您将内容加载到div中时，div的内容将完全替换，而不会附加到现有内容。

将您的html修改为 -

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